用途:该技能提供 Vercel 维护的 React 与 Next.js 应用性能优化指南,适用于编写新组件或页面、实现数据获取、审查性能问题、重构现有代码以及优化打包体积与加载时间。
主要能力:包含 8 个类别、共 70 条规则,按影响优先级排列。类别与优先级为:消除瀑布流(CRITICAL,前缀 async-)、打包体积优化(CRITICAL,bundle-)、服务端性能(HIGH,server-)、客户端数据获取(MEDIUM-HIGH,client-)、重渲染优化(MEDIUM,rerender-)、渲染性能(MEDIUM,rendering-)、JavaScript 性能(LOW-MEDIUM,js-)、高级模式(LOW,advanced-)。规则示例包括使用 Promise.all() 并行独立操作、避免 barrel 文件直接导入、用 next/dynamic 加载重型组件、用 React.cache() 做请求级去重、用 SWR 自动去重请求、用 startTransition 处理非紧急更新等。
使用方式:按需阅读单条规则文件(如 rules/async-parallel.md、rules/bundle-barrel-imports.md),每条规则含原因说明、错误示例、正确示例及补充参考;完整展开版见 AGENTS.md。
限制:资料未提供安装命令、收费方式、支持平台或效果数据,暂未提供。