03 · Stage 3 · PlanningWireframe the Beaver
Builds the skeleton
Maps every screen, sketches each one and checks it covers everything in the scope.
- Maps every screen and sketches each one’s layout.
- Works in the chat
What Wireframe does
- Lists every screen and how you move between them
- Sketches each screen and notes its empty, loading and error states
- Gives Design and Frontend the same map
What it hands over
A screen map, a sketch of every screen and a check that the whole scope is covered, in the chat.
Its model
Wireframe 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 Wireframe fits
Wireframe runs in the Wireframe stage, stage 3 of 9. Run pipeline hands each stage’s work to the next.
- 1Scope
- 2Audit
- 3Wireframe
- 4Design
- 5Architect
- 6Build
- 7Check
- 8Test
- 9Docs
Go deeper
The rest of the crew
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