这个Skill揪出页面加载里的等待

写 React 和 Next.js 代码时参考 Vercel 的性能优化规范。

vercel-react-best-practices 是 Vercel 提供的 React 和 Next.js 性能指南 Skill。它指导 AI 编写、检查和重构前端代码,重点包括数据请求、加载体积和页面重复渲染。

比如一个页面要请求几份互不依赖的数据,却等第一份回来才发第二份,加载就可能被拖长。指南会提醒 AI 检查能否并行请求。对体积较大的组件,也有按需加载等处理建议。

它把规则按影响程度分组,方便先处理请求等待、打包体积这类问题,再看更细的渲染优化。

适合把具体页面、组件或一次性能问题交给 AI 检查。最后需要结合实际页面测试,确认改动有没有改善你关心的加载和操作体验。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:编程开发

来源仓库:vercel-labs/agent-skills

适合用来做什么

  • 请根据Vercel的React最佳实践优化这个组件。
  • 在编写Next.js代码时,遵循Vercel的性能优化指南。

安装 vercel-react-best-practices

npx skills add https://www.iskills.cc/skills/vercel-labs/agent-skills/vercel-react-best-practices/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 vercel-react-best-practices 的用途与原始说明

浏览全部 Skill 指南