React Speed Rules
Performance rules for React and Next.js code.
What it does
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.
Install in under a minute
Mac or Linux, after you download
unzip react-speed-rules.zip -d ~/.claude/skills/Windows PowerShell
Expand-Archive react-speed-rules.zip -DestinationPath $HOME\.claude\skills- Start a new Claude Code session so it sees the skill.
- Ask in plain words, for example: "Use React Speed Rules on this project."
- Unzip the download, then zip just the react-speed-rules folder if your computer added an extra folder.
- In Claude.ai, open Settings, then Capabilities, and upload it under Skills.
- Turn the skill on and ask Claude to use it.
React Speed Rules uses the open SKILL.md format, so it also works in agents like Cursor, Gemini CLI, GitHub Copilot and Codex. Copy the react-speed-rules folder into that agent's skills folder, for example .cursor/skills/ or .github/skills/ in your project.
What's inside
The 5 main sections of the SKILL.md, in order.
- When to Apply
- Rule Categories by Priority
- Quick Reference
- How to Use
- Full Compiled Document
In the download: 78 files, including SKILL.md, LICENSE and NOTICE.md
Credit and license
React Speed Rules is a renamed, packaged copy of react-best-practices by Vercel (github.com/vercel-labs/agent-skills), used under the MIT license. The license and a list of changes ship inside the download.
Questions
Does React Speed Rules work in Claude.ai, not just Claude Code?
Yes. In Claude.ai, upload the react-speed-rules folder as a zip in Settings under Capabilities. It also works in other agents that support Agent Skills, like Cursor, Gemini CLI and GitHub Copilot.
What do I get?
A zip with the react-speed-rules folder: its SKILL.md (28,931 words) and its license files. One payment, instant download.
Who made React Speed Rules?
It's a renamed, packaged copy of react-best-practices by Vercel, used under the MIT license. The license and a list of changes ship inside the download.