用途:对界面质量做系统性审计,覆盖无障碍(A11y)、性能、主题(theming)与响应式设计四个维度,并对照前端设计技能中的反模式清单检查。产出为详细审计报告,包含按严重程度分级的问题、影响说明与可执行建议;该技能只记录问题,不负责修复,修复交由 normalize、optimize、harden 等其他命令处理。
主要能力:无障碍检查对比度(正文低于 4.5:1、AAA 低于 7:1)、缺失 ARIA 角色/标签/状态、键盘导航(焦点指示、Tab 顺序、键盘陷阱)、语义 HTML(标题层级、landmark、用 div 代替 button)、图片替代文本、表单标签与错误提示;性能检查布局抖动、动画属性选择、懒加载与资源优化、包体积、渲染与重渲染;主题检查硬编码颜色、暗色模式缺失或对比不足、token 不一致、主题切换不更新;响应式检查固定宽度、触控目标小于 44x44px、横向滚动、文字缩放、断点缺失;反模式检查 AI 生成痕迹(配色、渐变文字、玻璃拟态、hero 指标、卡片网格、通用字体)及通用设计反模式。
使用方式:先调用 frontend-design 技能获取设计原则与反模式,再执行诊断扫描,最后按报告结构输出:反模式判定、执行摘要、按严重程度分级的详细发现(位置、严重程度、类别、描述、影响、对应标准、建议、建议命令)、系统性问题、正面发现、按优先级排列的建议与命令映射。
适用场景:前端界面交付前的质量审查、设计系统一致性检查、无障碍合规评估。
限制:不执行修复;不报告未经验证的问题;避免低优先级问题过多造成噪音;具体安装与调用命令、收费与平台信息暂未提供。