bergside/awesome-design-skills
List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
What it solves
它提供了一種標準化的方式,讓 AI 程式編寫代理(如 Claude Code、Cursor 或 Codex)擁有特定的設計系統專業知識。開發者不必依賴 AI 的一般知識,而是可以直接引入精確的設計規則、可及性限制與元件指引,確保 AI 產生的 UI 符合特定的美學或技術標準。
How it works
此專案是一個包含 67 個「設計技能檔案」的註冊表。每個技能以資料夾形式提供,內含兩個主要文件:
SKILL.md:包含 AI 代理的技術指示,涵蓋代幣、元件規則與品質門檻。DESIGN.md:提供給開發者的人類可讀說明與實作備註。
使用者可透過指令列工具(例如 npx typeui.sh pull [skill-name])將這些技能整合至自己的專案中。
Who it’s for
使用 AI 驅動的代理式程式編寫工具的開發者,想在不必為 AI 手動撰寫龐大樣式指南的情況下,維持高設計品質與一致性。
Highlights
- Extensive Library:收錄 67 種不同的設計風格,從「Minimal」與「Corporate」到「Neobrutalism」與「Glassmorphism」。
- Agent-Optimized:特別結構化,以提供 AI 代理可解析與遵循的代幣與限制。
- Dual-Documentation:將 AI 專屬指示與人類可讀的設計意圖分離。