用途:当用户要求“审查我的 UI”“检查可访问性”“审计设计”“审查 UX”或“对照最佳实践检查站点”时使用。它读取指定文件($ARGUMENTS),对照一套 Web 界面指南逐条检查,输出简洁、高信噪比的发现。
主要能力:覆盖无障碍(图标按钮需 aria-label、表单控件需 label、交互元素需键盘处理、语义 HTML 优先于 ARIA、标题层级、跳转链接)、焦点状态(可见 focus-visible、避免无替代的 outline-none)、表单(autocomplete、正确 type/inputmode、禁止阻止粘贴、可点击标签、内联错误、未保存更改警告)、动画(尊重 prefers-reduced-motion、只动画 transform/opacity、避免 transition: all)、排版(省略号、弯引号、不换行空格、tabular-nums、text-wrap)、内容处理(长文本截断、min-w-0、空状态)、图片(显式宽高、懒加载、优先级)、性能(大列表虚拟化、避免渲染中布局读取、预连接、字体预加载)、导航与状态(URL 反映状态、链接用 a/Link、破坏性操作需确认)、触控交互、安全区域、暗色主题、国际化(Intl 格式化)、水合安全、悬停状态与文案规范。
使用方式:调用技能并传入要审查的文件路径($ARGUMENTS)。技能读取文件后按规则检查,输出按文件分组,使用 file:line 格式(VS Code 可点击),仅给出问题与位置,除非修复不明显否则不解释;通过的文件标记 ✓ pass。
适用场景:前端代码审查、UI/UX 审计、可访问性检查、设计规范落地检查。
限制:资料未提供安装命令、收费、平台支持或具体集成方式;规则为通用 Web 界面指南,不针对特定框架或产品。