---

name: vercel-react-best-practices description: Use when Keeps Claude generated React code aligned with Vercel official best practices.

Vercel React Best Practices

Vercel React Best Practices is an official Vercel Labs skill that encodes their recommended React and Next.js patterns, so Claude Code output follows current best practices for data fetching, rendering, and component structure instead of outdated patterns from training data.

What you get

• React and Next.js pattern guidance applied automatically during code generation.

Customize your output

• Point it at a different framework version or add your own house rules.

Example output

React components and pages that follow current Vercel-recommended patterns.

Best for

Teams building on Next.js or React who want current best practices enforced.