‹ 首页

vercel-react-best-practices

@vercel-labs · 收录于 3 周前 · 上游提交 5 天前

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- 类别规则。

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。