RetentaRetenta

Evidence record · captured 2026-10-10

Vercel React Composition Patterns

Prioritized React API-design patterns for replacing boolean-prop sprawl with compound components, explicit variants, lifted state, generic provider interfaces, and composition.

Official publisherUnverifiedSource reviewedBehavior not tested
Source review

Editorial assessment

This is a source-only assessment. It does not claim runtime or security testing.

What it does

The skill targets components that have accumulated behavioral flags, then routes refactoring toward compound components, provider-owned state, explicit variants, and child composition with React 19 advice kept separate.

Best for

  • Refactoring boolean-heavy React components
  • Designing a reusable component-library API
  • Sharing state cleanly across sibling subcomponents

Strengths in the source

  • Prioritizes component architecture before lower-impact implementation details.
  • Makes state-provider interfaces explicit enough for dependency injection and alternative implementations.
  • Clearly scopes its no-forwardRef and use guidance to React 19 or later.

Limitations

  • The top-level file is an index; detailed rationale and examples live in separate rules.
  • Its patterns can add needless abstraction to small, stable components.
  • It is specific to React component APIs rather than framework-neutral UI composition.

When not to use it

  • A small component whose few boolean props represent genuinely independent states
  • A non-React component system

Reviewed by Retenta editorial on 2026-10-10; scope: source only.

Files included in this review
  • skills/composition-patterns/SKILL.md
  • README.md

Evidence and boundaries

Execution · not tested

Retenta reviewed the pinned source but did not install or execute this skill.

Security · not tested

No sandbox run, dependency audit, or independent security assessment is claimed.

Revision
063bee94c3f4df8453406c830b0a7df0f2860278
License evidence
MITThe pinned repository README declares the collection's license as MIT.
Last source change
2026-01-28
Independent verification
The source is controlled by Vercel; Retenta has not independently verified its runtime behavior or security.
Upstream repository
Open publisher repository

Compatibility

Agent Skills clients

documented

Vercel publishes the repository in the Agent Skills format and documents installation with the skills CLI.

Requirements and access

  • A React component or component-library design problem
  • Access to the bundled rule files for detailed examples
  • React 19 only for the explicitly marked React 19 guidance

Referenced tools

ReactBundled composition rules

Install from the source

Vercel documents this repository-level install; it may install more skills than the one reviewed here.

View the SKILL.md at its source Verify the publisher's install documentation

More Web and frontend skills →

Publisher-documented Agent Skills install

npx skills add vercel-labs/agent-skills

Thyme RAG Capsules

Make this skill’s state durable, governed, and portable.

A Retenta capsule lets agents recall prior work, append provenance-stamped progress, and carry the memory to the next run.

Create durable agent memoryUnderstand the evidence labels