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