設計資源索引（Design Assets Index）

設計資源索引（Design Assets Index） 是做什麼的？

外部設計素材導航，告訴 agent「去哪找」現成素材。每類精選 2-3 條最常用入口放於此；更多條目按分類拆進 references/ 下各檔案，按需讀取即可。條目均為「名稱（連結）— 一句話說明」，精選自 awesome-design 與 design-resources-for-developers。

圖庫素材

• Unsplash — 免費高解析度照片，無需署名
• Pexels — 創作者分享的免費圖庫照片與影片
• Pixabay — 超過 100 萬張免費圖庫圖片與影片

更多詳見圖庫素材合集 references/stock-photos.md。

圖示

• Tabler Icons — 3500+ 個可自訂的開源 SVG 圖示
• Lucide — 開源圖示庫，Feather Icons 的分支
• Iconify — 統一框架，40,000+ 個向量圖示整合

更多詳見圖示合集 references/icons.md。

字型

• Google Fonts — 約 1000 套免費授權字型家族
• Fontsource — 透過 NPM 套件自託管開源字型
• Fontshare — 印度字型鑄造廠提供的免費高品質字型

更多詳見字型合集 references/fonts.md。

配色

• Coolors — 極速配色方案產生器
• Adobe Color — 建立色板、從圖片提取漸層
• Color Hunt — 數千個手工挑選的色板

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

Mockup

• Mockup World — 最大的免費擬真 Mockup 來源
• Smart Mockups — 建立產品 Mockup（免費與付費）
• Screely — 立即將螢幕截圖轉換為 Mockup

更多詳見 Mockup 合集 references/mockups.md。

UI Kit

• undraw — 用於任何點子的開源插圖
• uiverse — 數百個開源 UI 元素（HTML & CSS）
• Headless UI — Tailwind 專用的無樣式、無障礙元件

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

模板

• HTML5 Up — 現代、獨特、響應式的 HTML5/CSS3 主題
• Start Bootstrap — Bootstrap 入門主題
• Colorlib — 幾乎所有類別的主題

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

更完整的 awesome 設計相關總目錄請見 https://github.com/sindresorhus/awesome