SuperAPI AI 工具集

frontend-agents-a11y-perf-consistency-auditor

前端与建站

查看项目

更新于 10-15 22:17

技能介绍

用途:对 UI 组件、页面、功能分支、拉取请求差异或新编写的技能文件做静态审计,覆盖无障碍(A11Y)、性能(PERF)与一致性(CONSISTENCY)三类问题,并输出供父级智能体消费的结构化报告。

主要能力:A11Y 清单 9 条规则,含可访问名称、:focus-visible、对话框、实时区域、目标尺寸 24×24、对比度、减少动态偏好、禁止正 tabindex、语义 HTML 优先;PERF 清单 7 条,含显式宽高或 aspect-ratio、LCP 图 fetchpriority=high、非首屏懒加载、仅动画 transform/opacity/filter、will-change 临时使用、woff2 字体与 font-display: swap、关键 CSS;CONSISTENCY 清单 6 条,含 frontmatter 字段、技能目录文件结构、SKILL.md 不超过 500 行、内容仅英文、标题分隔符、[[skill-name]] 交叉引用格式。

使用方式:先确定范围(单组件、单页、完整功能、单个技能文件,检查表可递归适用),实质性读取范围内所有 html、css、js、ts、md 文件并引用行号;按 A11Y→PERF→CONSISTENCY 顺序检查;按 ERROR、WARNING、INFO 分级;每条发现给出修复片段并引用相关技能;同时输出 JSON(供父级智能体)和 Markdown(供人工审阅)。触发场景包括常规 UI 审计、技能文件审计、PR 差异审计、Lighthouse 性能回退触发。

限制:仅做静态分析,不涵盖通用无障碍理论、Core Web Vitals 理论、设计令牌强制执行、自动化视觉回归测试及浏览器渲染审计;需配合 [[frontend-a11y-aria-patterns]]、[[frontend-perf-core-web-vitals-inp]]、[[frontend-agents-design-system-validator]] 等技能处理对应专题。作者、版本、收费与价格信息暂未提供。