用途:这是一个只读的 UI 代码审查技能,用于在发布前检查无障碍合规、审计组件或页面的 WCAG 2.2 违规、核对 Core Web Vitals 性能模式、验证响应式与移动端友好写法,也可作为 PR 前的 UI 质量门禁。它只发现问题,不修复问题。
主要能力:按优先级顺序检查多个类别——无障碍(语义 HTML、ARIA、标签、alt 文本、对比度、焦点指示)、键盘导航(Tab 顺序、模态焦点陷阱、Esc 处理)、表单(标签、校验、错误展示、autocomplete、不阻止粘贴)、异步状态与反馈(加载、错误与重试、空状态、提交禁用防重复)、动画(尊重 prefers-reduced-motion、避免 transition: all)、性能(图片尺寸、懒加载、大列表虚拟化)、触控与移动(触控目标 ≥44px、safe areas)、响应式布局(换行或行转列、网格折叠、320/768/1024px 断点)、内容(长文本溢出、可读行宽)、暗色模式与 i18n。另含九个维度的 UI/UX 设计原则检查(视觉层级、排版、色彩对比、间距网格、交互反馈、导航与信息架构、表单、移动触控、速度感知),每条以条款 ID 引用。
使用方式:调用时提供文件或匹配模式;未提供则询问要审查的组件。用 Read 与 Grep 扫描目标文件,按类别逐项核对,最后按文件分组、以 file:line 格式输出简洁发现,并给出按优先级排序的摘要(无障碍问题优先)。若项目存在 docs/project-reference/scss-styling-guide.md 等设计系统文档,应一并参考,且项目文档优先级高于本技能条款。
适用场景:发布前无障碍审查、组件或页面 WCAG 2.2 审计、性能模式检查、响应式与移动端验证、PR 前 UI 质量门禁。
限制:仅审查不修复;不用于构建 UI(应使用 design 技能)、创建设计规格(design-spec)或项目专用 UI 审查门禁($ui-review)。需要大幅响应式重构时应先标记并与用户确认范围,不得静默重写。若所需步骤或工具在当前环境无法运行,应停止并询问用户。资料未提供具体安装命令、收费与平台信息。