用途:该技能提供 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-)。示例规则包括 async-parallel(独立操作使用 Promise.all())、bundle-barrel-imports(直接导入,避免 barrel 文件)、server-cache-react(用 React.cache() 做每请求去重)、client-swr-dedup(用 SWR 自动去重请求)、rerender-memo(将昂贵计算提取到记忆化组件)、js-set-map-lookups(用 Set/Map 实现 O(1) 查找)等。
使用方式:可阅读单条规则文件获取详细说明与代码示例,如 rules/async-parallel.md、rules/bundle-barrel-imports.md;每个规则文件包含重要性说明、错误代码示例及解释、正确代码示例及解释、补充上下文与参考。完整指南见 AGENTS.md。
限制:资料未提供安装命令、收费方式、支持平台及具体效果数据。