visual-design-foundations - 构建视觉设计系统
应用字体排印、色彩理论、间距系统和图标设计原则构建一致的视觉系统
标签
更新于: 2026-03-23能力
典型输入
典型输出
该技能可以做什么
- 建立设计代币
- 创建间距系统
- 选择字体
- 构建配色方案
- 设计图标
- 审计设计
- 实现主题
- 配置排版比例
- 设置间距代币
- 定义色彩代币
- 创建图标组件
- 检查对比度
- 应用深色模式
输入
- 品牌标识
- 项目需求
- 样式规范
- 设计约束
输出
- 设计代币
- 色彩系统
- 排版规则
- 间距规范
- 图标组件
- 样式指南
要求
- CSS 支持
- Tailwind CSS