Vercel React 最佳实践
按优先级应用 React / Next.js 性能规则，而不是空泛的“优化一下”。
Cursor Claude Codex Grok ReactNext.js性能
这是什么
该技能把一长串按影响力排序的 React / Next.js 规则编码进来（请求瀑布、包体积、server/client 边界）。智能体可对照清单审计文件，并先改影响最大的项。
何时使用
在审查或编写必须保持快的 React、Next.js 或 App Router 代码时使用。
如何安装
把技能文件夹加进项目，让每次 React 会话加载同一份规则清单。
# Claude Code
.claude/skills/vercel-react-best-practices/SKILL.md
# Grok Build
.grok/skills/vercel-react-best-practices/SKILL.md
# Codex
.agents/skills/vercel-react-best-practices/SKILL.md示例提示
用 Vercel React 最佳实践审计 src/app/dashboard/page.tsx，先修影响最大的三项。
来源： Vercel