Skip to content
Commandr
04 · Stage 4 · PlanningDesign the Flamingo

Gives it a look

Creates the design system — colours, type, spacing and components — as named tokens.

  • Creates the design system and UI tokens.
  • Works in the chat

What Design does

  1. Picks a palette and type scale
  2. Lets you see the wireframes in its colours and font
  3. Names each token so Frontend can put it in code

What it hands over

A design system in the chat — colours, type, spacing and components as named tokens — with a live preview while you choose.

Its model

Design runs on any model you connect: a cloud provider with your own key, or a free local model. Pick one in Settings → Models, or for one project in Project settings → Agents. See the providers

Where Design fits

Design runs in the Design stage, stage 4 of 9. Run pipeline hands each stage’s work to the next.

  1. 1Scope
  2. 2Audit
  3. 3Wireframe
  4. 4Design
  5. 5Architect
  6. 6Build
  7. 7Check
  8. 8Test
  9. 9Docs

Go deeper

The rest of the crew

Commandr app icon

Your dev crew is one download away.

Install Commandr, connect a model, and hand off your first idea.

For Apple Silicon Macs · v0.5.0