用途：在构建或审查页面、区块、组件与 UI 时应用生产级设计标准。该技能与框架、工具无关，适合新建页面、审查 UI 质量与一致性、为新项目设置设计令牌、修复布局/对比度/层级问题、建立按钮或表单标准，以及发布前设计评审。不适用于从零定义品牌识别、记录成品品牌系统、构建正式组件库、前端代码架构或仅做 WCAG 无障碍审计。
主要能力：围绕六项标准展开。一是设计令牌，需在构建 UI 前定义颜色、间距、字体、圆角等令牌并统一引用，硬编码值视为技术债。二是 WCAG AA 对比度，正文文本 4.5:1，大号文本 3:1，UI 组件与图形元素 3:1。三是视觉层级，通过大小、字重、颜色、间距、位置建立清晰扫描顺序，避免多个元素争夺主焦点。四是间距与节奏，使用统一间距刻度，区块留白桌面至少 64px、移动端 48px，卡片内边距桌面至少 24px、移动端 16px，触控目标至少 44×44 像素。五是移动端规则，先在 375 至 390 像素视口测试，正文不小于 14px，表单输入至少 16px 以防 iOS 自动缩放，粘性底栏需补偿页面底部内边距。六是组件一致性，按钮、卡片、图标、头像、表单状态应统一，变体需有意为之。
使用方式：先确认或定义设计令牌并记录；再梳理层级，明确主操作、次操作与支撑内容；采用移动优先布局；所有值取自令牌；逐项检查对比度；在 375、768、1024、1440 等断点测试；最后运行发布前检查清单。若品牌令牌未定义，可参考 references/design-tokens-template.md 先建立可用集合。
输出形式：多为设计决策与评审笔记，包括设计令牌文件、按六项标准评分的组件或页面评审 markdown 笔记、发布前检查清单的通过/失败结果。生成组件代码时 SKILL.md 保持与框架无关，栈相关模式放在参考文件中。
限制：资料未提供具体安装命令、收费方式、平台支持范围或效果数据。