Skip to main content
Featured Skill

React Performance Optimizer

by react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering for writing optimal code.

About This Skill

Performance optimization skill based on Vercel Engineering best practices. Provides guidelines for writing performant React and Next.js code including component memoization strategies, bundle size optimization, lazy loading patterns, server component usage, streaming SSR, and Core Web Vitals improvement. Automatically reviews code for performance anti-patterns.

How to Install

# Clone or download the skill to your skills directory git clone https://github.com/shinpr/claude-code-workflows ~/.claude/skills/react-performance-optimizer

Or download the SKILL.md file directly and place it in your project's .claude/skills/ directory.

Tags

reactnextjsperformanceoptimizationvercel