Design Assets Index

一份外部设计素材导航索引，按图库、图标、字体、配色、Mockup、UI Kit、模板七类给出常用入口，并在 references/ 下提供完整分类清单。Skill 本身不下载或生成素材，只告诉使用者去哪里找现成素材。

ezra-y

热度 71.13

最近更新 2026-06-26 18:52:34

分类：搜索依赖：纯提示词应用场景：UI 原型 / 品牌素材 / 推荐 / 模板

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add design-assets-index

Metadata

name: design-assets-index
description: Index of ready-made design assets — stock photos, icon sets, fonts, color palettes, mockups, UI kits, and templates — sourced from awesome-design and design-resources-for-developers. Use this skill whenever the user needs a ready-made asset: placeholders, stock images, icon libraries, font picks, color palettes, device/browser mockups, or UI kits/templates — even if they just say "I need an image" or "find me an icon". Top picks are inline; full lists live in per-category reference files under references/.

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。

模板

HTML5 Up — Modern, unique responsive HTML5/CSS3 themes
Start Bootstrap — Bootstrap starter themes
Colorlib — Themes in almost any category

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

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