代码开发
React 性能优化
检查 React 与 Next.js 的请求瀑布、包体积和重复渲染，按影响程度安排优化。
这个技能可以帮你做什么
- 你需要提供
- 现有前端代码与可复现页面
- 预期得到
- 瓶颈清单、优化建议及对应代码改动
- 使用条件
- 需要支持技能的 AI 助手，并按源项目说明准备运行环境。
安装这个技能
在电脑上的项目文件夹中打开终端，运行下方命令。
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices需要 Node.js 与可用的 npx 命令。按安装提示确认目录和助手，具体依赖见本页说明。
安装后，这样提需求
请使用 vercel-react-best-practices 技能。检查我的商品列表页，找出请求瀑布和无效重复渲染，按收益排序后给出修改建议。
替换成你自己的文件、项目或需求，再交给助手执行。