vercel-react-best-practices vs vercel-optimize
Side-by-side comparison of two Claude Agent Skills. Pick the right one for Claude Code or Claude Desktop.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usag
Comparison
| Feature | vercel-react-best-practices | vercel-optimize |
|---|---|---|
| Bundled scripts | no | yes |
| Allowed tools | any | any |
| Install scope | personal | personal |
| Category | data | data |
| Verified | ||
| License | MIT | — |
| Author | Vercel | Vercel |
| Repo | vercel-labs/agent-skills | vercel-labs/agent-skills |
When to pick 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.
When to pick vercel-optimize
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
Looking for something else? Browse all skills.