phase-5-design-system
✓構建獨立於平台的設計系統的技能。 為所有 UI 框架開發一致的組件庫。 當用戶需要一致的 UI 組件或提及設計標記時主動使用。 觸發器：設計系統、組件庫、設計代幣、shadcn、디자인 시스템、デザインシsutemu、設計系統、 sistema de diseño、biblioteca de Componentes、tokens de diseño、 設計系統、合成材料圖書館、設計傑頓、 設計系統、Komponentenbibliothek、設計代幣、 設計系統、組件庫、設計令牌 請勿用於：一次性 UI 更改、後端開發或簡單的靜態站點。
SKILL.md
Build a reusable UI component library. Enable consistent design and fast development.
A design system is a collection of reusable components and clear standards that enables building consistent user experiences at scale.
| Designer-developer mismatch | Single Source of Truth | | Duplicate component development | Reusable component library | | Inconsistent UI/UX | Unified design tokens and rules | | Increased maintenance cost | Centralized change management | | Delayed new member onboarding | Documented component catalog |
構建獨立於平台的設計系統的技能。 為所有 UI 框架開發一致的組件庫。 當用戶需要一致的 UI 組件或提及設計標記時主動使用。 觸發器：設計系統、組件庫、設計代幣、shadcn、디자인 시스템、デザインシsutemu、設計系統、 sistema de diseño、biblioteca de Componentes、tokens de diseño、 設計系統、合成材料圖書館、設計傑頓、 設計系統、Komponentenbibliothek、設計代幣、 設計系統、組件庫、設計令牌 請勿用於：一次性 UI 更改、後端開發或簡單的靜態站點。 來源：popup-studio-ai/bkit-claude-code。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 phase-5-design-system？
構建獨立於平台的設計系統的技能。 為所有 UI 框架開發一致的組件庫。 當用戶需要一致的 UI 組件或提及設計標記時主動使用。 觸發器：設計系統、組件庫、設計代幣、shadcn、디자인 시스템、デザインシsutemu、設計系統、 sistema de diseño、biblioteca de Componentes、tokens de diseño、 設計系統、合成材料圖書館、設計傑頓、 設計系統、Komponentenbibliothek、設計代幣、 設計系統、組件庫、設計令牌 請勿用於：一次性 UI 更改、後端開發或簡單的靜態站點。 來源：popup-studio-ai/bkit-claude-code。
如何安裝 phase-5-design-system？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/popup-studio-ai/bkit-claude-code
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01