generic-design-system
✓適用於任何項目的完整設計系統參考 - 顏色、排版、間距、組件、動畫。適應項目主題和技術堆棧。在實現 UI、選擇顏色、創建動畫或確保品牌一致性時使用。對於新的設計系統，首先使用 ui-research 技能。
SKILL.md
When creating a NEW design system (not following an existing one):
| Existing design system | Follow it strictly | | No design system | Use this skill to establish foundations | | Partial system | Identify gaps, extend consistently |
| Primitive | --color-blue-500 | Raw values | | Semantic | --color-primary | Meaning | | Component | --button-background | Context |
適用於任何項目的完整設計系統參考 - 顏色、排版、間距、組件、動畫。適應項目主題和技術堆棧。在實現 UI、選擇顏色、創建動畫或確保品牌一致性時使用。對於新的設計系統，首先使用 ui-research 技能。 來源：travisjneuman/.claude。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 generic-design-system？
適用於任何項目的完整設計系統參考 - 顏色、排版、間距、組件、動畫。適應項目主題和技術堆棧。在實現 UI、選擇顏色、創建動畫或確保品牌一致性時使用。對於新的設計系統，首先使用 ui-research 技能。 來源：travisjneuman/.claude。
如何安裝 generic-design-system？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/travisjneuman/.claude
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01