网页设计规范审查放心用

Name: 网页设计规范审查（Agent Skill）
Author: Vercel

Vercel 出品：按 100+ 条可访问性/性能/UX 规则给你的 UI 代码挑毛病，装机 48.6 万。

作者：Vercel 仓库 vercel-labs/agent-skills 核对于 2026-07-24

网页设计规范审查是干什么的

Vercel 官方的 UI 审查技能（skills.sh 榜单第 9）。让 AI 拿着 100 多条硬规则过你的界面代码：对比度够不够、键盘能不能操作、焦点状态有没有、动效会不会晕、加载性能有没有坑——都是真实用户会踩的问题。

和 frontend-design 是黄金搭档：那个管「做得好看」，这个管「做得规范」。上线前跑一遍，能拦住大部分低级 UX 事故。纯指令型，无脚本。

上线前 UI 体检可访问性(a11y)审查交互细节查漏性能坏味道排查

在下面找到你用的工具，复制命令粘进终端就装好了：

其他兼容 Agent

npx skills add vercel-labs/agent-skills

Vercel 技能包，列表里选 web-design-guidelines

装好后不用任何配置，直接在对话里说：

按 web design guidelines 审查 src/components/ 下的组件，列出违反项和修复建议

AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。

官方或可信来源出品，无危险脚本，按说明用即可。

Claude Code Anthropic 出的命令行 AI 编程 Agent——终端里多文件改、跑命令、自主完成任务。 Cursor AI 优先的代码编辑器，从 VS Code 分叉而来，是 AI 编程赛道的标杆。 v0.app Vercel 出的前端 AI——从一句描述生成可运行的 React 组件和页面。

和 ESLint 这类工具重复吗？

不重复。Lint 查语法和格式，这个查「人用起来的问题」：对比度、键盘可达、焦点管理、动效舒适度——传统工具覆盖不了的部分。