Skip to content

20 Vercel React Best Practices alternatives

Vercel React Best Practices: Vercel Engineering's React and Next.js performance playbook as an agent skill — 70 rules across 8 categories, ordered by impact, for writing and refactoring fast components. 20 agent skills do similar work, most sharing React, Vercel and Next.js, ranked by how much they have in common with Vercel React Best Practices.

Back to Vercel React Best Practices

  1. by Vercel

    Vercel's official guide to React's <ViewTransition> API — shared elements, list identity, Suspense reveals and directional route animations without an animation library.

    Also: Next.js, React, Vercel

  2. by Vercel

    Vercel's official optimization skill: collects real production metrics first, then returns ranked, citation-checked cost and performance fixes.

    Also: Next.js, Performance, Vercel

  3. by Cloudflare

    Cloudflare's routing skill for Next.js on Workers — sends the agent to vinext, the Vite-based Next.js runtime Cloudflare now recommends ahead of OpenNext.

    Also: Next.js, React

  4. by Datadog

    Official Datadog skill that adds or repairs Browser RUM in a web app — detects framework, router, bundler and existing setup, then wires init once and verifies the build still passes.

    Also: Next.js, React

  5. by Vercel

    Vercel's official skill for React component architecture — replace boolean prop proliferation with compound components, lifted state and explicit variants. Includes React 19 APIs.

    Also: React, Vercel

  6. by Vercel

    Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings.

    Also: Code Review, Vercel

  7. by Vercel

    Vercel's official skill for reviewing documentation and prose against its writing handbook — voice, structure, code samples and typography, reported as file:line findings.

    Also: Code Review, Vercel

  8. by Sentry

    Sentry's Django performance review skill — hunts N+1 queries, unbounded querysets, missing indexes and write loops, and reports only findings it can prove.

    Also: Code Review, Performance

  9. by Microsoft

    The .NET team's official skill for scanning C# against ~50 performance anti-patterns across async, memory, strings, collections, LINQ, regex and I/O.

    Also: Code Review, Performance

  10. by Sentry

    Review pull requests against a real engineering practice — security, performance, testing, and design, in that order.

    Also: Code Review, Performance

  11. by Better Auth

    Scaffold authentication in a TypeScript or JavaScript app with Better Auth — the skill detects the framework, ORM and package manager first, then plans before writing code.

    Also: Next.js

  12. by Clerk

    Clerk's official skill for advanced Next.js auth: middleware strategy, protecting Server Actions, caching-safe auth() usage, session tokens and manual JWT verification.

    Also: Next.js

  13. by Google Labs (Stitch)

    Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic.

    Also: React

  14. by Google Labs (Stitch)

    Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.

    Also: React

  15. by Vercel

    Audit UI code against Vercel's Web Interface Guidelines — accessibility, interaction, performance and layout rules — reported as terse file:line findings.

    Also: Vercel

  16. by Remotion

    Remotion's official skill for scaffolding a programmatic video project in React and iterating on it in the Studio preview instead of re-rendering.

    Also: React

  17. by mikehasa

    Open-source agent skill that takes an AI-built app live on your own accounts: hosting, database, domain, email and payments, with a plan-and-approve workflow.

    Also: Vercel

  18. by Vercel

    Vercel's official deployment skill — inspects project state, picks the right deploy path, and defaults to preview deployments with a claimable URL when no account is linked.

    Also: Vercel

  19. by Figma

    Figma's official design-to-code skill — a mandatory pre-step to get_design_context that turns a Figma node into components matching your real stack, not generic markup.

    Also: React

  20. by AMD

    AMD's official skill for benchmarking vLLM/SGLang inference and driving GPU kernel optimization with Magpie and TraceLens trace analysis.

    Also: Performance