vercel-react-best-practices

Claude Code 安装 Vercel React 性能技能：审查请求瀑布

Claude Code 安装步骤

打开文末 GitHub 固定版本，从同一提交下载仓库快照。将 skills/react-best-practices/ 整目录复制到目标项目的 .claude/skills/vercel-react-best-practices/，保留 SKILL.md 和同目录参考文件。
从项目目录启动 Claude Code，在 / 菜单查找 /vercel-react-best-practices，然后用下方样例确认技能可调用。

Vercel React Best Practices 按影响范围组织 React 与 Next.js 优化规则，适合从组件、请求顺序和打包方式定位可验证的性能问题。

在练习 React 项目里准备一段独立请求代码：先 await getProducts()，再 await getCategories()。两者都不读对方的返回值。请用 vercel-react-best-practices 审查。

独立请求可同时发出，页面仍能得到商品和分类的正确结果。有先后依赖的请求继续按顺序执行。

GitHub 原文 · 更新日期 2026-11-11

Claude Code 读取 React 或 Next.js 项目。保留技能目录中的规则文件。运行性能对比需要项目现有的本地环境。

榜单与 frontmatter 名是 vercel-react-best-practices，仓库目录是 skills/react-best-practices。复制完整源目录并按技能名放入 Claude Code 的项目技能路径。