vercel-react-best-practices

Editor's pickFeatured

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.

Type
skill
GitHub stars
★ 28.7K
Repository
vercel-labs/agent-skills
Category
frontend

Install

  1. 1Quick install (skills CLI)

    npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --agent claude-code

    Installs vercel-react-best-practices into the current project's .claude/skills/ directory. Requires Node.js and the skills CLI.

  2. 2Manual install

    Create ~/.claude/skills/<name>/ and copy the SKILL.md file from the repository into it. The directory name must match the skill name.

⚠️ Exact file layout and requirements vary by repository — always check the repo README first.

View on GitHub ↗

Prefer the full source? The repository README is the authoritative install reference.