Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
vercel-labs avatar

Vercel React Best Practices

vercel-labs/agent-skillsOfficial

This is Vercel's internal performance playbook turned into a Claude skill.

GitHub stars
27.8K
last updated
Jun 10, 2026
View on GitHubSave

Install

$ npx -y skills add vercel-labs/agent-skills --skill vercel-react-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt install

What it does

It covers 70 rules across eight categories, from eliminating async waterfalls and bundle optimization (the critical stuff) down to JavaScript micro-optimizations. The real value is in how it prioritizes. Instead of dumping every best practice on you, it focuses on what actually moves the needle: parallel data fetching, avoiding barrel imports, proper use of React Server Components. Use it when writing or reviewing React/Next.js code and you want to catch performance footguns before they ship. The rules are specific enough to guide refactoring decisions, not just vague advice about "making things faster."

Files

Select a file.

Details

Repository
github.com/vercel-labs/agent-skills
Categories
Frontend Development, Documentation, Code Review & Quality, AI & Agent Building, Debugging, Cloud & Infrastructure
First seen
Jun 11, 2026

More from vercel-labs/agent-skills

All 14
  • Vercel React Native Skills
  • Vercel React View Transitions
  • Vercel React Best Practices829.9K
  • Web Design Guidelines772.5K
  • Vercel Composition Patterns412.5K
  • Vercel React Native Skills251.4K
  • Deploy To Vercel166.4K
  • Vercel React View Transitions164.1K
  • Vercel Cli With Tokens133.2K
  • Vercel Optimize107.9K
  • Writing Guidelines103.6K
  • Vercel Deploy533
  • Vercel Composition Patterns

Recommended

More Frontend Development
1zhixiangluo avatardiscover-ui-surfacezhixiangluo/10xproductivityWalk through a UI flow once manually and capture a durable interaction map — which DOM elements to click, which network requests they trigger, and what field sh0installs
2nextlevelbuilder avatardesign-systemnextlevelbuilder/ui-ux-pro-max-skillToken architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales,41.1Kinstalls
3nextlevelbuilder avatarslidesnextlevelbuilder/ui-ux-pro-max-skillCreate strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.37.3Kinstalls
4ibelick avatarfixing-motion-performanceibelick/ui-skillsAudit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutte26.2Kinstalls
5onmax avatarreka-uionmax/nuxt-skillsUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state,7.3Kinstalls
6onmax avatarmotiononmax/nuxt-skillsUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and compos2.3Kinstalls