Skip to content

// React + Next.js performance — RSC patterns, partial pre-rendering, edge config, ISR, Core Web Vitals.

Vercel React Best PracticesVerified Creator

git log --oneline --stat
HEAD
Stars
9.2k
Forks
606
Updated
Jun 2, 2026
repo --stat

  • stars

    9.2k

  • forks

    606

  • last update

    Jun 2, 2026

  • license

    MITv2.0.0

quickstart.sh
3 steps
  1. Install

    // Drops SKILL.md into ~/.claude/skills/

    $ claude skills add vercel-react-best-practices
  2. Invoke

    // Run from any project directory

    $ claude --skill vercel-react-best-practices "give my landing page a hero treatment"
  3. Iterate

    // Re-run with edits — Claude keeps the skill loaded

    $ claude --skill vercel-react-best-practices "now refactor it"
vercel-react-best-practices/
references
SKILL.md
readonly
name:
Vercel React Best Practices
slug:
vercel-react-best-practices
version:
v2.0.0
license:
MIT
author:
@vercel-labs
repository:
github.com/vercel-labs/vercel-react-best-practices
categories:
FrontendFullstackDevOps / CI/CD
tags:
#vercel#react#nextjs#performance#core-web-vitals
description:

React + Next.js performance — RSC patterns, partial pre-rendering, edge config, ISR, Core Web Vitals.

features.md
3 capabilities

// What you can do with it

  • Automates the tedious parts of the workflow.
  • Gives Claude the right context, tools, and guardrails.
  • Produces consistent, reviewable output every time.

README.md

vercel-react-best-practices/README.md
5 sections
Loading README…
@vercel-labs/index.json
more by author

authored by

@vercel-labs
view profile

$ cat reviews/

Reviews

// No reviews yet. Be the first.
Loading review form…

$ ls related/

explore all →