cyberneticlibrary
← library

Build React components and UI features

websubagentsetup L2★0
datawizz/Openpieces ↗
What it does

Build React components, features, and frontend architecture for web app

Best for

Frontend teams that enforce strict TypeScript and reuse Shadcn/Radix components with React Hook Form validation.

Inputs
  • · feature spec
  • · Figma design
  • · React component skeleton
  • · TypeScript types
Outputs
  • · React TSX
  • · component tree
  • · styled components
  • · hooks
Requires
  • · React 18
  • · Vite
  • · Tailwind CSS
  • · React Hook Form
  • · TanStack Query
  • · Shadcn/Radix UI
Preconditions

web package structure understood, Tailwind config in place, Shadcn components available

Failure modes
  • · any types used
  • · components too large
  • · duplicate shadcn imports
  • · missing error boundaries
Trust signals
  • · forbids any type
  • · reuses existing UI components
  • · follows file organization
  • · requires type definitions at EOF