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 缺失或不一致均拒装。
–GitHub stars
~1.3K最小装载
~23.6K含声明引用
~45.7K文本包总量
索引托管
怎么用
商店整理自技能原文 · 版本 7c180d9 · 表述以原文为准它做什么
安装后,Claude 会按照 Vercel 的 React 和 Next.js 性能优化指南工作。包含 70 条规则,涵盖消除瀑布请求、优化包体积、服务端性能等 8 个类别,并按优先级指导代码生成和重构。
什么时候触发
当你要求编写、审查或重构 React/Next.js 代码,或涉及数据获取、包体积优化、性能改进等任务时触发。
装好后可以这样说
Claude 会应用 re-render 优化规则。
Claude 会检查 async- 类别规则。
Claude 会应用 bundle- 类别规则。
评论
登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…