vercel-react-best-practices
Vercel 工程团队的 React / Next.js 性能规则集：写码与 review 时自动生效。
来源：github.com/vercel-labs/agent-skillsstar 等数据核实于 2026-10-07
推荐理由
官方工程经验沉淀的规则层，约 2.5 万 star，React / Next.js 项目的零成本质量下限。
安装
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices -g -y使用步骤
触发方式有三种：Claude Code 等客户端把 skill 挂进斜杠菜单，输入/vercel-react-best-practices直接调用；与任务相关时 Agent 会按语义自动加载；任何客户端都可在消息里点名「使用vercel-react-best-practices skill」。以下示例均为可直接粘贴的第一条消息。
平时无感：写 React / Next.js 代码和 review 时规则自动生效；想针对性检查某个组件时点名
review 这个组件是否符合 vercel-react-best-practices：src/components/tools/explorer.tsx
注意事项与建议
- 安装名必须带 vercel- 前缀（仓库文件夹叫 react-best-practices，坑过多人）
- 认准 vercel-labs/agent-skills，同名诱导源很多
相关条目
- web-design-guidelines
同出 vercel-labs/agent-skills 的「Vercel 双规则集」：本条管写码性能，对方管 UI 验收