vercel-react-best-practices
Provides more than 60 performance optimization rules for React and Next.js App Router, curated by Vercel Labs. The skill helps AI detect and thoroughly fix common issues: request waterfalls, useEffect overuse, unnecessary re-renders, and misused Server/Client Components. Best for: React Developers, Next.js Engineers, and Web Developers who want to optimize SEO & Core Web Vitals.
Preview the Skill package contents
Inspect the folder structure and the SKILL.md instructions before downloading.
Package contents are collapsed
Click the button below to view this package's folder structure and SKILL.md content.
How to install this AI Skill
Related Skills
Keep building your workflow.
frontend-design
Distinctive, production-grade frontend interfaces that shed generic AI aesthetics through deliberate design choices. Guides the choice of an aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, organic/natural, ...) before implementation so the design stays cohesive and leaves a lasting impression.
View Skill Codingnodejs-backend-patterns
Guides you in building Node.js backends with production patterns using Express/Fastify and backend best practices. Backend Dev, Node.js Dev, Fullstack Dev
View Skill Codingclaude-api
Helps developers build applications with the Claude API/SDK and AI integration patterns. The Anthropic repo currently includes the claude-api skill. AI Engineer, Backend Dev, Fullstack Dev
View Skill