Claude Code Tambo Compound Components for Headless React State
Build an unstyled Root and child components in the Tambo checkout. Share behavior through context and expose state through render props while consumers control styling.
中文Install in Claude Code
Use Claude Code in the pinned Tambo checkout with the project's React dependencies.
- Open the pinned repository checkout and confirm `.claude/skills/compound-components/SKILL.md` is present.
- Start Claude Code in the repository root and call `/compound-components` with the work and its verification goal.
Example task
Design a fictional expandable help card. Root owns the state, Trigger handles the interaction, and the consumer styles Content. Use one behavior across two appearances.What to check
Expect namespaced components and readable open state. Styling stays in the consumer and the internal context hook stays out of public exports.
Original SKILL.md on GitHub · Updated
Frequently asked question
Why expose state with render props?
The component exposes useful state and attributes while keeping shared behavior internal and leaving rendering choices to consumers.