vercel-react-best-practices

15530 stars 1400 forks
0

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.

#Vercel Engineering#performance#React#Next.js#data fetching#Next.js code#performance optimization#Vercel React

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install vercel-labs/agent-skills/vercel-react-best-practices
skilz install vercel-labs/agent-skills/vercel-react-best-practices --agent opencode
skilz install vercel-labs/agent-skills/vercel-react-best-practices --agent codex
skilz install vercel-labs/agent-skills/vercel-react-best-practices --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/vercel-labs/agent-skills
2. Copy the agent skill directory:
cp -r agent-skills/skills/react-best-practices ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
agent-skills
Stars
15530
Forks
1400
Type
Other
Meta-Domain
Primary Domain
Market Score
0

AI-Detected Topics

Extracted using NLP analysis

Vercel Engineering performance React Next.js data fetching Next.js code performance optimization Vercel React Next.js performance React components

Report Security Issue

Found a security vulnerability in this agent skill?