cyberneticlibrary

Write UI component specifications

design-uisubagentsetup L20
iskkang/logisight
What it does

Design React/Tailwind UI components and specs

Best for

Creating reusable component specs without writing React code.

Inputs
  • · wireframe/request
  • · design tokens
  • · component requirements
Outputs
  • · component spec markdown
  • · Tailwind token config
  • · OG image spec
Requires
  • · sonnet-model
Preconditions

Repo: iskkang/logisight. Context files must exist.

Failure modes

Missing context, invalid input format, timeout, LLM hallucination

Trust signals
  • · Detailed multi-step procedure
  • · Specifies sonnet model
  • · Comprehensive documentation (>2000 chars)