Communitygithub.com

Ezra-Y/design-assets-index

Claude Code 技能 — 精选就绪设计素材索引(图库照片、图标、字体、配色、Mockup、UI 套件、模板)。

design-assets-index 是什么?

该技能为 AI Agent(如 Claude Code)提供了一份结构化的设计素材索引,帮助开发者快速定位高质量的现成资源。它覆盖了图库素材、图标、字体、配色、Mockup、UI 套件和模板等七大类,每类精选 2-3 个常用入口并链接到更详细的分类子文件。技能基于开源项目 awesome-design 和 design-resources-for-developers 构建,条目均带有名称、链接和一句话说明,便于 Agent 按需解析与读取。适用于需要快速查找设计素材的代码生成、原型制作或界面设计场景。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add Ezra-Y/design-assets-index

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Design Assets Index

外部设计素材导航,告诉 agent「去哪找」现成素材。每类精选 2-3 条最常用入口放于此;更多条目按分类拆进 references/ 下各文件,按需读取即可。条目均为「名称(链接)— 一句话说明」,精选自 awesome-design 与 design-resources-for-developers。

图库素材

  • Unsplash — Free high-resolution photos, no attribution required
  • Pexels — Free stock photos & videos shared by creators
  • Pixabay — Over 1M+ free stock images and videos

更多见图库素材合集 references/stock-photos.md。

图标

  • Tabler Icons — 3500+ customizable open-source SVG icons
  • Lucide — Open-source icon library, fork of Feather Icons
  • Iconify — One framework, 40,000+ vector icons unified

更多见图标合集 references/icons.md。

字体

  • Google Fonts — Library of ~1000 free licensed font families
  • Fontsource — Self-host open-source fonts via NPM packages
  • Fontshare — Free quality fonts from the Indian Type Foundry

更多见字体合集 references/fonts.md。

配色

  • Coolors — Super-fast color scheme generator
  • Adobe Color — Build palettes, extract gradients from images
  • Color Hunt — Thousands of hand-picked palettes

更多见配色合集 references/color-palettes.md。

Mockup

  • Mockup World — Largest source of free photo-realistic mockups
  • Smart Mockups — Create product mockups (free & premium)
  • Screely — Turn a screenshot into a mockup instantly

更多见 Mockup 合集 references/mockups.md。

UI Kit

  • undraw — Open-source illustrations for any idea
  • uiverse — Hundreds of open-source UI elements (HTML & CSS)
  • Headless UI — Unstyled, accessible components for Tailwind

更多见 UI Kit 合集 references/ui-kits.md。

模板

更多见模板合集 references/templates.md。

更全的 awesome 设计相关总目录见 https://github.com/sindresorhus/awesome

相关技能