1 of 9

codev1.0.0composition patternsreact composition that scales: compound components, render props and context instead of a pile of boolean props.reactcodeengineering2026-09-09

workflowv3.0.0deploy to vercelput an app or a site live on vercel from an agent, preview first, production only when asked.workflowcodeengineering2026-09-09

codev1.0.0react best practicesreact and next.js performance patterns from vercel's engineering: what to reach for when writing or reviewing components.reactnextjscode2026-09-09

codev1.0.0react nativereact native and expo practices for apps that stay fast: lists, animation, native modules, platform apis.reactcodeengineering2026-09-09

codev1.0.0react view transitionsnative-feeling page and element animations with react's view transition api, declared in components and shaped in css.reactmotionfrontend2026-09-09

workflowv1.0.0vercel cli with tokensdrive the vercel cli with an access token instead of an interactive login: deploys, env vars, project setup.workflowcodeapi2026-09-09

codev1.2.0vercel optimizean audit for cost and performance on a deployed project: collect the metrics first, then only chase what they point at.nextjsengineeringworkflow2026-09-09

designv1.0.0web interface guidelinesreview ui code against a checklist of interface guidelines: accessibility, ux, and the small things people notice.designaccessibilityux2026-09-09

writingv1.0.0writing guidelinesreview docs and prose against a writing handbook: voice, tone, and the rules a page should keep.writingdocsdocumentation2026-09-09

code · v1.0.0

composition patterns

react composition that scales: compound components, render props and context instead of a pile of boolean props.

/skills/vercel-composition-patterns

written byvercel

when to load itwhen refactoring components, designing a reusable api, or building a component library.

version1.0.0

last tended2026-09-09

in the foldervercel-labs/agent-skills · skills/composition-patterns

open its own page