UI设计系统工具包 - 设计令牌生成、组件架构、无障碍合规性一站式解决方案
ui-design-system by davila7/claude-code-templates
安装命令
npx skills add https://github.com/davila7/claude-code-templates --skill ui-design-system🇨🇳中文介绍
UI 设计系统
用于创建和维护可扩展设计系统的专业工具包。
核心能力
- 设计令牌生成（颜色、排版、间距）
- 组件系统架构
- 响应式设计计算
- 无障碍合规性
- 开发者交接文档
关键脚本
design_token_generator.py
根据品牌颜色生成完整的设计系统令牌。
用法 : python scripts/design_token_generator.py [brand_color] [style] [format]
- 样式: modern, classic, playful
- 格式: json, css, scss
特性 :
- 完整的调色板生成
- 模块化排版比例
- 8pt 间距网格系统
- 阴影和动画令牌
- 响应式断点
- 多种导出格式
每周安装量
820
代码仓库
GitHub 星标数
22.6K
首次出现
Jan 21, 2026
安全审计
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
