Category: Development

React & Next.js Best Practices

Applies Vercel's 70 React and Next.js performance rules, prioritized by impact.

Works with

Prioritizes critical rules such as removing waterfalls and shrinking bundles
Improves server performance with React.cache() deduplication and parallel fetching
Cuts re-renders with memoization and hydration patterns
Shows incorrect and correct examples for every rule

Use it when a React or Next.js app feels slow, or to review performance systematically during code review.

Run the command below in your terminal. Pick the agents you use (Claude Code, Codex, Cursor, Gemini CLI, Copilot, and more) and it installs into the right folder.

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

To install manually, download the vercel-react-best-practices skill folder from the GitHub repository and copy it into your agent's skills folder, such as ~/.claude/skills/ or .cursor/skills/.
Ask your agent for a related task and the skill is used automatically.

Development
Karpathy Coding Guidelines
Reduces common LLM coding mistakes Andrej Karpathy pointed out by enforcing explicit assumptions, simplicity, and surgical changes.
Development
Security Audit (Cloudflare)
Cloudflare's skill for finding vulnerabilities that cross real trust boundaries, with evidence, safe repro, priority, and minimal fixes.
Development
API and Interface Design
From Addy Osmani of Google Chrome: design stable APIs and module boundaries that are hard to misuse.
Development
Browser Testing with DevTools
Gives agents eyes into a real browser via Chrome DevTools MCP to inspect the DOM, console, network, and performance.