用途：该技能提供 React 与 Next.js 应用的性能优化指南，由 Vercel 维护，包含 8 个类别共 64 条规则，按影响程度排序，用于指导自动化重构与代码生成。适用时机包括：编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端）、审查代码中的性能问题、重构现有 React/Next.js 代码、优化包体积或加载时间。
主要能力按优先级分为八类：1. 消除瀑布请求（CRITICAL，前缀 async-），如 async-defer-await、async-parallel、async-dependencies、async-api-routes、async-suspense-boundaries。2. 包体积优化（CRITICAL，前缀 bundle-），如 bundle-barrel-imports、bundle-dynamic-imports、bundle-defer-third-party、bundle-conditional、bundle-preload。3. 服务端性能（HIGH，前缀 server-），涵盖 server-auth-actions、server-cache-react、server-cache-lru、server-dedup-props、server-hoist-static-io、server-serialization、server-parallel-fetching、server-after-nonblocking。4. 客户端数据获取（MEDIUM-HIGH，前缀 client-）。5. 重渲染优化（MEDIUM，前缀 rerender-）。6. 渲染性能（MEDIUM，前缀 rendering-）。7. JavaScript 性能（LOW-MEDIUM，前缀 js-）。8. 高级模式（LOW，前缀 advanced-）。具体规则标识如 async-parallel、bundle-barrel-imports、rerender-memo、js-batch-dom-css、advanced-use-latest 等。
使用方式：阅读单条规则文件获取详细说明与代码示例，例如 rules/async-parallel.md、rules/bundle-barrel-imports.md。每个规则文件包含：为何重要的简要说明、带说明的错误代码示例、带说明的正确代码示例、额外背景与参考。完整展开全部规则的指南见 AGENTS.md。
限制：资料未提供具体安装命令、依赖要求、许可协议或适用平台版本信息。