cyberneticlibrary
← library

Assemble UI from base components

skillskillsetup L2★0
isola513i/POS-MaeKungCafe ↗
What it does

Compose UI via atomic shadcn components

Best for

Building composite UIs faster and more consistently when shadcn base components exist—avoids reinventing buttons or cards.

Inputs
  • · Complex UI component spec (e.g., MenuCard)
Outputs
  • · React component using shadcn/ui base components
Requires
  • · shadcn/ui component library
  • · React
Preconditions
  • · shadcn/ui installed
  • · Base components imported
  • · Tailwind CSS configured
Failure modes
  • · shadcn component missing for use case
  • · Raw HTML instead of component
  • · Tailwind-only implementation
Trust signals
  • · Atomic composition pattern
  • · Consistent shadcn usage
  • · No raw HTML fallbacks