Vercel · Agent Skill

vercel-react-best-practices

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…

Published by VercelMIT149 lines in SKILL.md

Source: vercel-labs/agent-skills/skills/react-best-practices
Repository owner: vercel-labs

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills
cd /tmp/agent-skills && git sparse-checkout set "skills/react-best-practices"
mkdir -p ~/.claude/skills && cp -r "skills/react-best-practices" ~/.claude/skills/vercel-react-best-practices

Skills folder docs:

Claude Code Codex Gemini CLI OpenCode Cursor GitHub Copilot goose OpenHands Amp Factory Droid Junie Kiro Roo Code Mistral Vibe pi Hermes Agent OpenClaw Letta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Vercel

deploy-to-vercel vercel-cli-with-tokens vercel-composition-patterns vercel-optimize vercel-react-native-skills vercel-react-view-transitions web-design-guidelines writing-guidelines

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.