Back to Agent Skills
Development & Testing Featured
Vercel React Best Practices
by Vercel Engineering (via ui-skills.com) 3.7k GitHub stars
React and Next.js performance guidelines from Vercel Engineering — data fetching, bundle optimization, and rendering patterns.
#react#nextjs#performance#vercel
Claude Code Codex
Overview
This skill applies Vercel Engineering's React and Next.js performance guidelines when writing, reviewing, or refactoring code. It covers optimal component patterns, data fetching, bundle optimization, and Core Web Vitals. Triggers on any React/Next.js work to keep performance patterns correct.
What it is good for
- Refactoring a slow Next.js page
- Optimizing bundle size
- Choosing correct data-fetching patterns
- Reviewing React code for performance
Install
Install in Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install vercel-react-best-practices
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/vercel-react-best-practices ~/.claude/skills/vercel-react-best-practicesExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Skills
Development & Testing
MCP Builder
Guide the creation of Model Context Protocol servers to connect APIs and tools to AI agents.
Claude Code Codex
Development & Testing Superpowers
A core skills library of 20+ battle-tested, composable tools and workflows for everyday agent development tasks.
Claude Code Codex
Development & Testing Claude API Reference
Reference for the Claude API and Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, caching, and tokens.
Claude Code Codex