设计系统管理插件 - 构建维护设计系统，统一UI组件、设计令牌和模式
design-system-management by anthropics/knowledge-work-plugins
安装命令
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill design-system-management🇨🇳中文介绍
设计系统管理
协助构建、维护和发展设计系统。
设计系统的组成部分
设计令牌
定义视觉语言的原子值：
- 颜色（品牌色、语义色、中性色）
- 排版（字号阶梯、字重、行高）
- 间距（间距阶梯、组件内边距）
- 边框（圆角、宽度）
- 阴影（层级高度）
- 动效（持续时间、缓动函数）
组件
可复用的 UI 元素，定义了：
- 变体（主要、次要、幽灵）
- 状态（默认、悬停、激活、禁用、加载中、错误）
- 尺寸（小、中、大）
- 行为（交互、动画）
- 可访问性（ARIA、键盘操作）
模式
组合组件形成的常见 UI 解决方案：
- 表单（输入组、验证、提交）
- 导航（侧边栏、标签页、面包屑）
- 数据展示（表格、卡片、列表）
- 反馈（提示条、模态框、内联消息）
原则
- 一致性高于创造性 — 设计系统的存在是为了让团队不必重复造轮子
- 约束内的灵活性 — 组件应是可组合的，而非僵化的
- 记录一切 — 如果未被记录，则视为不存在
- 版本控制与迁移 — 重大变更需要提供迁移路径
每周安装量
100
代码仓库
GitHub 星标数
8.9K
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
