← 返回常用skill
视觉与设计★ 28k
Vercel web-design-guidelines
Vercel 设计体系编码成 skill：100+ 条无障碍与 UX 规则审查 UI 代码。
🔥 出自 vercel-labs/agent-skills 官方高星合集，GitHub 仓库页读到 27.6k stars（合集名：vercel-labs/agent-skills）。
它能帮你做什么
Vercel 官方的 UI/设计审查 Agent Skill，把其设计体系编码为 100+ 条无障碍（a11y）与 UX 规则，对 UI 代码做合规审查。属 vercel-labs/agent-skills 合集中的独立 skill，SKILL.md 格式，跨 agent 通用。
怎么装它
帮我安装这个 skill: https://github.com/vercel-labs/agent-skills复制这句话，发给你的 Claude Code / Codex 等 AI Agent，它会自动帮你装好。
源码 / 详情：https://github.com/vercel-labs/agent-skills/archive/refs/heads/main.zip
怎么用它
装好后，在 AI Agent 里直接说下面任意一句就能唤起它（点一下可复制）：
「用 Vercel 设计规范审查我的页面 UI」
「检查这个界面的无障碍问题」
「按 web-design-guidelines 优化布局与排版」