SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 17:28

技能介绍

用途:审查 UI 代码、进行可访问性检查、设计审计,或对照最佳实践检查网站合规性;输出结构化审查结果,支持快速审查与完整审计两种模式。

主要能力:快速审查基于 Vercel Web Interface Guidelines,先获取最新指南(https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md),再读取指定文件并应用规则,以简洁的 file:line 格式输出结果。完整审计对照 WCAG 2.2 AA,覆盖可感知性、可操作性、可理解性、健壮性,包含 WCAG 2.2 新增准则如焦点外观、焦点不被隐藏、拖动动作替代、目标大小(最小 24x24 CSS 像素)等;并提供必需项与推荐项快速检查清单,以及按 P0/P1/P2 的修复优先级和报告模板。

使用方式:用户提供文件或模式参数时,获取指南、读取文件、应用规则并按指定格式输出;未指定文件则询问要审查哪些文件。审计时可先跑快速清单,完整审计再用详细清单。

限制与提示:包含完整 WCAG 2.2 检查清单,体量较大,可按需选择模式;自动化与手动测试工具(axe DevTools、Lighthouse、WAVE、Accessibility Insights、NVDA、VoiceOver)为资料推荐,非本 Skill 内置功能。其他能力细节暂未提供。