visual-design-foundations - 视觉设计基础与一致UI构建
应用字体、色彩、间距和图标原则创建一致的视觉设计
标签
更新于: 2026-03-23能力
典型输入
典型输出
该技能可以做什么
- 建立设计令牌
- 创建样式指南
- 构建调色板
- 设计图标系统
- 实施间距系统
- 定义字体比例
- 审核视觉一致性
- 实现深色模式
- 改善视觉层次
输入
- 设计项目需求
- 品牌指南
- 字体
- 色彩偏好
- 图标库
- 现有设计组件
输出
- 设计令牌
- 样式指南
- 语义色彩令牌
- 字体比例系统
- 间距系统
- 图标系统
- 深色模式主题
要求
- CSS知识
- Tailwind CSS知识
- WCAG无障碍标准