vercel-react-best-practices
🤖 AI Summary
Provides expert guidance on React and Next.js performance optimization, applying Vercel Engineering patterns when writing, reviewing, or refactoring code.
How to Install
Claude Code:
git clone --depth 1 https://github.com/vercel-labs/agent-skills.git && cp agent-skills/skills/react-best-practices ~/.claude/skills/react-best-practices -rReact 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 patter
Details
| Category | Design → ui |
| Source | vercel-labs/agent-skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 28.3K |
| Est. per Skill | ~1.3K (shared across 22 skills from this repo) |
| Difficulty | Advanced |
| Risk Level | Safe |
Related Skills
cirq
Cirq - Quantum Computing with Python Cirq is Google Quantum AI's open-source framework for designing
error-detective
Use this skill when Working on error detective tasks or workflows Needing guidance, best practices,
expo-tailwind-setup
Tailwind CSS Setup for Expo with react-native-css This guide covers setting up Tailwind CSS v4 in Ex
conductor-revert
Revert Track Revert changes by logical work unit with full git awareness. Supports reverting entire
Works Well With
Skills from the same repository — often designed to work together
vercel-optimize
Vercel Optimize Run an observability-first Vercel optimization audit. Do not inspect source files un
deploy-to-vercel
Deploy to Vercel Deploy any project to Vercel. Always deploy as preview (not production) unless the
vercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Na