用途：在构建或审查页面、组件与 UI 时应用生产级设计标准。该技能与技术栈、工具无关，用于把品牌视觉系统落到真实组件和页面中。适合新建页面、区块或组件，审查 UI 质量、无障碍与一致性，为新项目设置设计令牌，修复布局、对比度或层级问题，建立按钮或表单标准，以及发布前设计审查。不适用于：从零定义品牌识别、记录已完成品牌系统、构建正式组件库、前端代码架构，以及仅做 WCAG 修复的无障碍审计。
主要能力围绕六项标准：一、设计令牌，须在任何 UI 构建前定义，包括颜色（主品牌色、悬停色、背景变体、文字层级、语义色）、间距（一致刻度、页面最大宽度、区块垂直内边距、卡片内边距、网格间隙）、字体（各级字号、字重、行高、字距、回退栈）、圆角（紧凑、标准、圆形）。令牌只需记录一次并到处引用，硬编码值是技术债。二、WCAG AA 对比度，正文 4.5:1，大号文字 3:1，UI 组件和图形 3:1，不可妥协。三、视觉层级，通过大小、字重、颜色、间距、位置建立清晰扫读顺序，避免多个元素争抢主视觉。四、间距与节奏，使用刻度而非随意值，区块留白桌面最少 64px、移动 48px，卡片内边距桌面最少 24px、移动 16px，表单字段间距最少 16px，触控目标最少 44×44 像素。五、移动端规则，先在 375 至 390 像素视口测试，交互元素最少 44×44 像素，底部固定栏需等高位补白，正文不小于 14 像素，模态内容滚动而背景锁定，输入框字号至少 16px 以防 iOS 自动缩放。六、组件一致性，按钮只保留主、次、幽灵三种样式，卡片有一个基础模式，图标笔画和圆角统一，表单状态统一。
使用方式：先确认令牌，未定义则先定义工作集并记录；再画层级，明确主要操作、次要操作和支持内容；采用移动优先布局；所有值取自令牌；运行对比度检查；在 375、768、1024、1440 等断点测试；最后运行发布前清单。输出多为设计决策与审查笔记，包括设计令牌文件、按六项标准评分的组件或页面审查笔记（含具体修复），以及清单的通过/未通过结果。生成组件代码时，SKILL.md 本身保持技术栈无关，栈相关模式放在引用文件中。
限制：需要待建或待审的页面或组件、品牌设计令牌（或愿意定义）、目标设备与视口作为输入。品牌令牌未定义时需先用模板定义。对比度计算、检查器与品牌色策略见品牌识别参考文件；Tailwind 模式为可选。若资料未提供具体定价、平台或效果数据，则暂未提供。