⚛️
AutomationNewFree
React Best Practices
Write faster React and Next.js with Vercel Engineering’s own guidelines. (For developers.)
Part of Vercel agent-skills ↗React Best Practices packages Vercel Engineering’s performance guidelines for React and Next.js. Use it while writing, reviewing, or refactoring components and pages, and it steers you toward the patterns that keep apps fast — smart data fetching, smaller bundles, and fewer performance foot-guns.
What it does
- Applies Vercel Engineering’s React and Next.js performance guidelines.
- Helps you write, review, and refactor components for speed.
- Covers data fetching, bundle size, and common performance pitfalls.
What's in the download
- SKILL.md plus in-depth React and Next.js performance references.
How to install (2 minutes)
- 1Download the .zip and unzip it — you’ll get a folder called react-best-practices.
- 2In the Claude app: open Settings → Capabilities → Skills, choose Add / Upload, and select the folder (or the .zip).
- 3In Claude Code: drop the folder into your project’s .claude/skills/ directory, then type /skills to confirm it loaded.
- 4That’s it — the skill activates on its own when it fits what you’re doing.
Want to get the most out of your new skill?
Inside Hands-On AI Club we show you exactly how to use skills like this in real work — with step-by-step courses and a community to help you.