vercel-react-best-practices

安装量 52万

分类：编程与开发

「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」。

前端与 Reactvercel-labs/agent-skills官方

一句话价值

基于 Vercel Engineering 的 React 与 Next.js 性能规则，覆盖瀑布请求、包体、重复渲染和进阶优化。

适合场景

做界面实现、组件重构、视觉验收或设计系统一致性检查
处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
设计数据模型、编写查询、做迁移和排查数据库性能问题

亮点

适合发现首屏慢、重复渲染多、依赖链过长这类性能问题。
覆盖组件、路由、数据获取与打包体积，能按场景逐项检查。
若只给出迁移提示，原文有效说明不足，需谨慎使用。

安装指引

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices