用途：审计并维护前端应用的设计系统一致性，覆盖配色、UI/UX 模式、组件视觉协调、无障碍标准与设计债。审计前需先从项目文档中了解前端结构。
主要能力：检查颜色是否使用语义化 token（如 bg-primary、text-base-content、bg-base-100），而非硬编码十六进制或任意值；核对卡片、应用外壳、模态框、输入框、按钮等组件是否使用既定类名（如 .gf-card、.gf-app、.glass-modal、.glass-input、.form-focus、btn btn-primary、.btn-secondary、btn-ghost）；验证间距是否遵循 Tailwind 尺度（p-4、m-6、gap-4）而非任意值；检查标题层级与文字样式；执行无障碍检查，包括语义化 HTML、交互元素 ARIA 标签、文本 4.5:1 与 UI 3:1 对比度、焦点状态（focus:outline-none focus:ring-2 focus:ring-primary）；检查移动优先的响应式写法（sm:、md:、lg:、xl:）与响应式排版（text-3xl sm:text-4xl）。
使用方式：按阶段审计——配色、组件模式、间距与布局、排版、无障碍；可运行自动化检查并进行键盘测试。该技能还用于审查新功能是否符合设计标准，并识别通用“AI 生成”审美（如到处使用 Inter、Roboto，白底紫色渐变，缺乏个性的安全配色），推动更具品牌辨识度的设计。
适用场景：跨应用设计一致性审计、配色使用审查、UI/UX 模式检查、组件样式验证、无障碍合规确认、设计不一致排查、新功能设计标准评审。
限制：详细清单、示例、报告模板与审计命令见 references/full-guide.md；资料未提供具体安装命令、收费方式与平台支持信息。