它能做什么
中文摘要
「vercel-react-best-practices」的原始 GitHub SKILL.md 将它定位为：React and Next.js performance optimization guidelines from Vercel Engineering.。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单；约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「When to Apply」「Rule Categories by Priority」「Quick Reference」。
为什么推荐
推荐理由
推荐它，是因为它在「前端与 React」分类里热度靠前（安装量 520,475），同时原始文档信息密度足够高。原文列出的执行要点包括：Writing new React components or Next.js pages；Implementing data fetching (client or server-side)。它还被标记为官方条目，适合作为同类任务的优先安装候选。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。
什么时候用
适用场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
- 设计数据模型、编写查询、做迁移和排查数据库性能问题
使用前先看
主要亮点
- 01
适合发现首屏慢、重复渲染多、依赖链过长这类性能问题。
- 02
覆盖组件、路由、数据获取与打包体积，能按场景逐项检查。
- 03
若只给出迁移提示，原文有效说明不足，需谨慎使用。
原始文档
原文摘录
React and Next.js performance optimization guidelines from Vercel Engineering.