开发与代码精选推荐
vercel react best practices
功能描述与核心用途
遵循Vercel平台的最佳实践来优化React应用性能，通过消除数据获取瀑布流、优化包体积、提升服务端渲染效率、减少客户端重渲染、改善JavaScript执行性能等一系列规则，确保应用在Vercel部署环境中获得最佳的加载速度、响应能力和用户体验。
运行宿主与模型建议
- 运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
- 推荐模型：代码专精、长上下文的模型
- 安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。
安装与使用教程 按对应通道操作，命令可直接复制
第一步 ·
准备环境：安装 Node.js 18 及以上版本，终端执行node -v能显示版本号即正常。 skills.sh 通過 npx 分發，無需手動克隆倉庫。第二步 ·
（可选）先搜索确认：npx skills find vercel-react-best-practices第三步 ·
执行安装：在项目目录执行下面命令，按提示确认即可写入当前项目（全局安装可加-g参数）：npx skills add vercel-react-best-practices第四步 ·
加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。第五步 ·
卸载：执行npx skills remove vercel-react-best-practices即可移除。
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「vercel react best practices」（开源仓库 vercel-labs/agent-skills），它的作用是：遵循Vercel平台的最佳实践来优化React应用性能，通过消除数据获取瀑布流、优化包体积、提升服务端渲染效率、减少客户端重渲染、改善JavaScript执行性能等一系列规则，确保应用在Vercel部署环境中获得最佳的加载速度、响应能力和用户体验。请先检查 Node.js 18+ 环境（node -v）；然后执行 npx skills add vercel-react-best-practices （必要时先 npx skills find vercel-react-best-practices) 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。调用示例（自然语言）
> 分析当前项目结构，并帮我完成对应的代码任务