← 返回技能库适合谁 GitHub 仓库 ↗
设计与前端
vercel-react-best-practices
把 React 性能规范写进 Agent 的肌肉记忆
安装
npx skills add vercel-labs/agent-skills/vercel-react-best-practices详细介绍
Vercel 团队维护的 React / Next.js 性能与代码质量最佳实践。Agent 写代码时自动遵循:从 Server Component 边界划分到避免无谓重渲染,相当于给 AI 配了一位 React 核心团队出身 code reviewer。
核心特性
- RSC / Client Component 边界决策规则
- 避免重渲染与请求瀑布的性能模式
- 对齐 Next.js 官方推荐实践
- 在生成阶段就生效,不依赖事后人工 review
适用场景
- AI 写的 React 代码质量不稳定
- Next.js 应用性能优化
- 前端团队统一代码标准
所有用 AI 写 React / Next.js 的人。
