Frontend · Global library

Component Composition Optimizer

Refactor prop-heavy React trees into compound components and cleaner composition APIs with stronger inference.

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use Component Composition Optimizer when you need to refactor prop-heavy React trees into compound components and cleaner composition APIs with stronger inference, especially when the work is driven by prop drilling and compound component.

Trigger signals

prop drillingcompound componentreact props

Validation hooks

verify_type_safety

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show component-composition-optimizer

Use

orchestrator-mcp skills export component-composition-optimizer --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/component-composition-optimizer ./your-agent-skills/component-composition-optimizer
# or open skills/component-composition-optimizer/SKILL.md in a markdown-first client

File patterns

**/*.tsx**/*.ts

Model preferences

deepseek-ai/deepseek-v3.2qwen3-coder:480b-cloudqwen2.5-coder:32b

Related skills

Adjacent packs to compose next.

Designs unstyled, accessible component primitives (headless UI) that provide behavior and accessibility while allowing complete styling flexibility

CodexClaude Code

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude Code

Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.

Component Composition Optimizer

Copy the exact command path you need.

Adjacent packs to compose next.

Component Primitive Designer

@property Animator

3D CSS Specialist