LogoClawIndex
CasesSkillsAbout
LogoClawIndex

building-compound-components - Create unstyled React compound components

Creates unstyled compound components that separate business logic from styles

Tags

Updated: 2026-05-09
Reactcompound componentsheadless UIcomponent libraryprimitivesunstyledRadix UI

Capabilities

create context filecreate Root componentcreate consumer componentscreate namespace export

Typical Inputs

component requirementsReact projectTambo provider

Typical Outputs

unstyled React componentscomponent contextnamespace exports

What this skill does

  • create context file
  • create Root component
  • create consumer components
  • create namespace export
  • manage component state
  • expose behavior via context
  • support render props
  • implement sub-context
  • use asChild pattern

Inputs

  • component requirements
  • React project
  • Tambo provider
  • Radix UI Slot

Outputs

  • unstyled React components
  • component context
  • namespace exports
  • TypeScript types

Requirements

  • React environment
  • TypeScript
  • @tambo-ai/react SDK

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.