返回技能库
设计与前端

vercel-react-best-practices

把 React 性能规范写进 Agent 的肌肉记忆

  • React
  • Next.js
  • 性能
平台
Claude Code / Cursor / Codex 等
收费
开源免费
作者
Vercel Labs

安装

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 的人。

相关分类