cyberneticlibrary

Design interfaces before building

ui-designskillsetup L11,033
TencentCloudBase/CloudBase-AI-ToolKit
What it does

Define visual direction and design specification pre-implementation

Best for

Web/mini-program interfaces needing distinctive visual identity pre-code.

Inputs
  • · UX goal
  • · platform constraints
  • · brand/design-system overrides (optional)
Outputs
  • · Purpose Statement
  • · Aesthetic Direction
  • · Color Palette (hex)
  • · Typography
  • · Layout Strategy
Preconditions

Implementation UI-heavy, visual intent unfixed

Failure modes

JSX before design spec, forbidden colors (purple/violet), forbidden fonts (Inter/Roboto)

Trust signals
  • · Forbidden-color/font audit
  • · Design spec template
  • · Self-audit requirement