vercel-react-best-practices

该技能是 Vercel Engineering 维护的 React 与 Next.js 性能优化指南，包含 8 个类别共 57 条规则，按影响程度分级排序，用于指导自动化重构与代码生成。适用时机包括：编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端）、审查代码性能问题、重构现有 React/Next.js 代码、优化打包体积或加载时间。规则类别按优先级为：消除瀑布（async-，CRITICAL）、包体积优化（bundle-，CRITICAL）、服务端性能（server-，HIGH）、客户端数据获取（client-，MEDIUM-HIGH）、重渲染优化（rerender-，MEDIUM）、渲染性能（rendering-，MEDIUM）、JavaScript 性能（js-，LOW-MEDIUM）、高级模式（advanced-，LOW）。用法：需要完整规则时用网页抓取工具获取 https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/react-best-practices/AGENTS.md（约 80KB，含全部 57 条规则及正误代码示例）；获取单条规则用 https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/react-best-practices/rules/{rule-name}.md。每条规则文件包含重要性说明、错误代码示例与说明、正确代码示例与说明及补充参考。限制：该技能为规则指南，需依赖网络抓取获取详情；资料未提供安装命令、收费信息或平台支持范围。