‹ 首页

vercel-react-best-practices

@qianleigood · 收录于 昨天 · 上游提交 1 个月前

Apply Vercel's React and Next.js performance optimization rules when auditing or refactoring existing React/Next.js code for waterfalls, bundle size, hydration issues, render cost, or measurable runtime performance problems.

场景代码审计性能调优重构指导

适合你，如果正在优化 React/Next.js 应用的运行效率

/ 下载安装
https://github.com/qianleigood/crawclaw/tree/main/skills-optional/vercel-react-best-practices ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add qianleigood/crawclaw/vercel-react-best-practices
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- qianleigood/crawclaw/vercel-react-best-practices
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify qianleigood/crawclaw/vercel-react-best-practices
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
30GitHub stars
~194最小装载
~19.2K含声明引用
~56.8K文本包总量
索引托管

怎么用

商店整理自技能原文 · 版本 f27e175 · 表述以原文为准
它做什么

当您要求审查或重构 React/Next.js 代码的性能问题时，它会应用 Vercel 的优化规则，重点减少瀑布流、缩小包大小、修复水合问题、优化渲染成本。

什么时候触发

当您提出性能审查或重构请求，尤其涉及瀑布流、包大小、水合等问题时触发。

装好后可以这样说
它会给出一系列减少请求链的建议。
技能原文 SKILL.md作者撰写 · MIT · f27e175

Vercel React Best Practices

Use this skill for performance-focused React and Next.js review, not general product UI design.

Use this skill for
  • waterfall reduction
  • bundle size trimming
  • server/client rendering performance
  • hydration issues
  • rerender optimization
  • measurable runtime performance review
Rule routing
  • AGENTS.md For the full compiled rule set.
  • rules/ For specific rule files by category and prefix.
  • references/README.md For repository/setup notes.
Working rules
  • Read only the rule categories that match the current problem.
  • Prioritize critical categories first: waterfalls and bundle size.
  • Prefer targeted changes with measured impact over broad speculative rewrites.
按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

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