用途:该技能为 UI 评审提供预定义的设计系统参考,让 ui 智能体在审查设计稿时能对照具体规范,而非仅凭通用经验。
主要能力:内置五套参考,每套包含设计原则、色彩指南、字体规则、间距模式和组件模式。Material Design 3(material-3)含动态色彩、色调调色板、颜色角色、类型比例、4dp 基线网格与按钮/卡片/导航/输入/对话框模式;Apple HIG(apple-hig)含清晰/顺从/深度原则、系统色与语义色、SF Pro 字体样式、iOS/macOS 边距与导航模式;Tailwind UI(tailwind-ui)含工具类优先原则、调色板、字体与间距比例、响应式断点;Ant Design(ant-design)含功能色、字体层级、4px 间距与企业级表格/表单模式;Shadcn/ui(shadcn-ui)含基于 CSS 变量的主题、Radix UI 无障碍原语与组件变体。每套参考均附评审清单。
使用方式:在 ui 任务中通过 Design Reference 指令指定参考 ID,例如 Design Reference: material-3,并给出待评审图片路径与输出路径;也可将项目样式文件与基础参考组合使用。选择顺序为:项目样式(.claude/design-style.md)优先,其次预定义参考,再次自动识别,最后回退到通用最佳实践。
适用场景:界面设计评审、设计规范一致性检查、跨平台 UI 走查。
限制:资料未提供安装命令、收费方式与具体平台支持信息;参考内容为规范摘要,实际评审效果取决于所用模型与输入图片质量。