vercel-composition-patterns
Agent skill for Claude Code, Codex & Cursor from vercel-labs/agent-skills · updated
Frontend & React Official
How to install vercel-composition-patterns
$ npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patternsAdvertisement
What vercel-composition-patterns does
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
SKILL.md
View sourceThis 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