Vercel 工程团队的 React/Next.js 性能优化守则,8 大类 40+ 条规则,装机 57.6 万。
Vercel 工程团队把内部的 React/Next.js 性能经验写成了技能(skills.sh 榜单第 4,装机 57.6 万):瀑布流请求怎么消、bundle 怎么减、服务端/客户端组件怎么分、重渲染怎么避——8 大类 40 多条,条条来自生产实战。
装上后 AI 写 React 代码时会自动守这些规矩,审查旧代码时也会按这套标准挑问题。写 Next.js 的人闭眼装。纯指令型,无脚本。
在下面找到你用的工具,复制命令粘进终端就装好了:
npx skills add vercel-labs/agent-skills 装好后不用任何配置,直接在对话里说:
按 React 最佳实践审查 app/ 目录,重点找请求瀑布和不必要的客户端组件 AI 检测到任务匹配时会自动加载这个 Skill,不需要手动开关。
有用,重渲染、状态管理、组件拆分这些规则是通用的;Next.js 专属的部分(RSC、路由)自动不触发。