vercel-react-best-practices
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
写 React/Next.js 页面与性能排查时。
安装这个 Skill
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
为什么值得装
推荐它,是因为它在「前端与 React」分类里热度靠前(安装量 520,475),同时原始文档信息密度足够高。原文列出的执行要点包括:Writing new React components or Next.js pages;Implementing data fetching (client or server-side)。它还被标记为官方条目,适合作为同类任务的优先安装候选。对经常重复的任务来说,这类 Skill 能把经验沉淀到工作流前端,减少临场猜测。
原文里最有价值的点
- 适合发现首屏慢、重复渲染多、依赖链过长这类性能问题。
- 覆盖组件、路由、数据获取与打包体积,能按场景逐项检查。
- 若只给出迁移提示,原文有效说明不足,需谨慎使用。