vercel-react-best-practices 是 Vercel 提供的 React 和 Next.js 性能指南 Skill。它指导 AI 编写、检查和重构前端代码,重点包括数据请求、加载体积和页面重复渲染。
比如一个页面要请求几份互不依赖的数据,却等第一份回来才发第二份,加载就可能被拖长。指南会提醒 AI 检查能否并行请求。对体积较大的组件,也有按需加载等处理建议。
它把规则按影响程度分组,方便先处理请求等待、打包体积这类问题,再看更细的渲染优化。
适合把具体页面、组件或一次性能问题交给 AI 检查。最后需要结合实际页面测试,确认改动有没有改善你关心的加载和操作体验。
每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!