home/skills/coding/composition-patterns

Frontend Composition Patterns

ClawHub

Build flexible React components using compound components, context providers, and explicit variants to avoid boolean prop proliferation and improve scalability.

skillCoding & DevelopmentideclawhubSource โ†’
componentsfrontendcompositionpatternsbuildflexiblereactusingcompoundcontext
# Frontend Composition Patterns

Build flexible React components using compound components, context providers, and explicit variants to avoid boolean prop proliferation and improve scalability.

## Discovery Metadata
- Category: `coding`
- Framework: `ClawHub`
- Tags: `components`, `frontend`, `composition`, `patterns`, `build`, `flexible`, `react`, `using`, `compound`, `context`

## Agent Execution Policy

This listing is **discovery metadata only**. Canonical instructions are maintained by ClawHub.

### Before Executing Actions

1. **Fetch canonical instructions** from: https://clawhub.ai/skill/composition-patterns
2. **Parse the skill page** for setup, usage, and input/output requirements.
3. **Only proceed** after successfully loading and understanding the full instructions.

### If Fetch Fails

- Return `instruction_unavailable` with reason.
- Do **not** attempt to infer or improvise execution steps from this metadata alone.

## Source

- ClawHub listing: https://clawhub.ai/skill/composition-patterns
๐Ÿงช Found this useful?
The $SKILL experiment is building the agent skill distribution layer. Every skill you discover through this directory is part of the experiment.