vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
For you if you write or review React/Next.js code and want to follow official best practices.
/ 通过 npx 安装 校验哈希
npx oh-my-skill add vercel-labs/agent-skills/vercel-react-best-practices/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- vercel-labs/agent-skills/vercel-react-best-practices/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify vercel-labs/agent-skills/vercel-react-best-practices安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
28888GitHub stars
~1.3K最小装载
~23.6K含声明引用
~45.7K文本包总量
索引托管
怎么用
商店整理自技能原文 · 版本 f8a72b9 · 表述以原文为准它做什么
安装后，Claude 在编写或审查 React/Next.js 代码时，会按照 Vercel 的 70 条性能规则给出优化建议，涵盖数据加载、打包、渲染等方面。
什么时候触发
当你编写、审查或重构 React 组件、Next.js 页面、数据获取逻辑，或优化打包体积和加载性能时触发。
装好后可以这样说
Claude 会应用规则检查并给出改进建议。
Claude 会检查是否存在瀑布请求等问题。
Claude 会推荐动态导入、避免桶文件等策略。
评论
登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…