visual-design-foundations - 构建一致的视觉设计系统
应用排版、色彩、间距和图标原则创建一致的视觉设计
标签
更新于: 2026-03-23能力
典型输入
典型输出
该技能可以做什么
- 建立设计令牌
- 创建间距系统
- 选择字体
- 构建调色板
- 设计图标系统
- 改善视觉层次
- 审计设计
- 实现深色模式
- 配置 Tailwind 主题
- 检查对比度
输入
- 项目字体
- 品牌颜色
- 设计约束
- 图标库
输出
- 设计令牌
- 样式指南
- 主题配置
- 无障碍报告
要求
- CSS 变量支持
- Tailwind CSS
- WCAG 合规