用途 该技能面向前端应用的设计一致性审计与维护，帮助团队在执行审计前先依据项目文档了解项目的前端结构，再系统性地检查设计规范是否被正确应用，避免设计债累积。
主要能力
- 色彩调色板：检查颜色是否统一使用，识别硬编码颜色与任意值写法，验证主题令牌。
- 组件模式：核对卡片、按钮、表单、弹窗、应用外壳等是否使用既定主题类。
- 间距与布局：确认间距是否遵循统一的比例体系。
- 排版：检查标题层级与文字样式的规范性。
- 无障碍：检查语义化 HTML、交互元素的 ARIA 标签、文字 4.5:1 与 UI 3:1 的对比度，以及聚焦状态样式。
- 响应式：检查是否采用移动优先的断点修饰符与响应式字号。
- AI 感审美审查：识别通用字体、白底紫色渐变、可预测布局、乏味配色等“AI 生成”式设计，推动更有品牌个性的方案。
使用方式 资料给出的审计阶段依次为：色彩调色板、组件模式、间距与布局、排版、无障碍（含自动化检查与键盘测试）。具体检查清单、示例、报告模板与审计命令需参见 references/full-guide.md，资料未提供其内容细节。
规范要点
- 颜色：应使用语义令牌（如 bg-primary、text-base-content、bg-base-100），不用硬编码十六进制颜色或任意值（如 bg-[#123456]）。
- 组件：卡片用 .gf-card，应用外壳用 .gf-app，弹窗用 .glass-modal，输入框用 .glass-input、.form-focus，按钮用 btn btn-primary、.btn-secondary、btn-ghost。
- 间距：使用 Tailwind 比例（p-4、m-6、gap-4），不用任意值（如 p-[17px]）。
- 无障碍：语义化标签（<button>、<nav>、<main>），交互元素加 ARIA 标签，聚焦状态用 focus:outline-none focus:ring-2 focus:ring-primary。
- 响应式：移动优先，使用 sm:、md:、lg:、xl: 修饰符；字号如 text-3xl sm:text-4xl。
适用场景 跨应用的设计一致性审计、配色使用审查、UI/UX 模式检查、组件样式验证、无障碍合规检查、设计不一致问题识别，以及新功能的设计规范评审。
限制 资料未说明该技能具体支持的技术栈范围、自动化程度、报告格式细节及安装命令，相关检查清单、示例与命令需参考项目内 references/full-guide.md，暂未提供更多事实。