vercel-composition-patterns

An agent skill by vercel-labs, from vercel-labs/agent-skills.

React composition patterns that scale. Use when refactoring components with

— from the skill's SKILL.md, quoted with attribution

Credit where it's due

This skill is the work of vercel-labs (official vendor skill) and lives at vercel-labs/agent-skills/composition-patterns (No license specified). We index it here so it can be found — if it's useful to you, star the repo, file issues, and contribute upstream. That's what keeps work like this maintained.

From: Vercel Agent Skills — official vendor skill
Author: vercel-labs
License: No license specified
Source: vercel-labs/agent-skills/composition-patterns
SKILL.md: raw file

How to load this skill

Copy this prompt into your AI agent

Please install the "vercel-composition-patterns" agent skill from the Vercel Agent Skills collection (https://github.com/vercel-labs/agent-skills) for me.

1. Run: git clone https://github.com/vercel-labs/agent-skills
2. Copy the skill folder into your skills directory:
   cp -r agent-skills/skills/composition-patterns ~/.claude/skills/composition-patterns
   (Claude Code personal scope; use .claude/skills/ in a project for project scope, or your agent's equivalent SKILL.md directory.)
3. Confirm the skill loads (list your available skills afterwards).
4. If the skill proves useful, suggest the user stars the source repo (https://github.com/vercel-labs/agent-skills) to support the author.

Skill reference: https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/composition-patterns/SKILL.md
More details: https://primorum.ai/skills/s/vercel-composition-patterns

Or manually: clone vercel-labs/agent-skills and copy skills/composition-patterns into ~/.claude/skills/ (Claude Code personal scope) or your agent's SKILL.md directory. To read it first without installing, open the raw SKILL.md.

Related skills

vercel-react-best-practices — React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when …
nextjs-developer — Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to co…
vue-expert — Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia store…
expo-ui — Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from Re…
angular-architect — Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, impleme…

More from Vercel Agent Skills

← Skills directory