Skill Index

vercel-react-best-practices

Agent skill for Claude Code, Codex & Cursor from vercel-labs/agent-skills · updated

Frontend & React Official

How to install vercel-react-best-practices

$ npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
Advertisement

What vercel-react-best-practices does

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.

SKILL.md

View source
This skill's license (Unknown) doesn't allow us to republish its full text. Read SKILL.md on GitHub.
Advertisement

More in Frontend & React

migrate-to-shoehornMigrate test files from `as` type assertions to @total-typescript/shoehorn. Use when user mentions shoehorn, wants to replace `as` in tests, or needs partial test data.mattpocock/skillssetup-ts-deep-modulesWire dependency-cruiser into a TypeScript repo so each package is a deep module, with implementation hidden in subfolders and reachable only through its entry-point files. User-invoked.mattpocock/skillsmcp-builderGuide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).anthropics/skillsmcp-developerUse when building, debugging, or extending MCP servers or clients that connect AI systems with external tools and data sources. Invoke to implement tool handlers, configure resource providers, set up stdio/HTTP/SSE transport layers, validate schemas with Zod or Pydantic, debug protocol compliance issues, or scaffold complete MCP server/client projects using TypeScript or Python SDKs.jeffallan/claude-skillsreact-expertUse when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.jeffallan/claude-skills