skillFrontend Skills1 min read
vercel-react-best-practices
70 performance rules for React and Next.js, written by the Vercel team that ships it to production.
React/Next.js performance playbook covering waterfalls, bundle optimization, Server Components, caching, and 60+ other rules.
Install
npx skills add vercel-labs/agent-skills --skill react-best-practices -g -ySummary
Not marketing, not a style guide — a rule set curated by the Vercel engineering team for agents writing or reviewing React/Next.js code. Organized across 8 priority tiers from "critical" (eliminate waterfalls, bundle size) down to advanced patterns. Plugs directly into your agent so new components get audited before they land, and stale patterns get flagged on review.
More in Frontend Skills
- 1 min readreact-view-transitionsNative browser transitions for React UIs, without a motion library.Read
- 1 min readcomposition-patternsKill the boolean-prop explosion before your component library becomes unmaintainable.Read
- 1 min readshadcnShips built-in to the shadcn/ui CLI — activates whenever your agent runs shadcn commands.Read