Rich Visualization Sketches
Why
The five briefs in ../design/cycles/c38.qcontrol-visibility-storytelling/briefs/ are strong design prompts, but they ask bob-wire to express ideas that sit between wireframe and visualization. Today the project can represent those pages as generic panels and placeholders, but it does not yet have a reusable sketch language for:
- system shape
- evidence and provenance
- live vs accumulated state
- grouped entities and boundaries
- before / after comparison
- layered storytelling from raw signals to narrative
This cycle gives bob-wire that expression layer by treating qmap, qflow, and qpixel as reference grammars, then translating them into simple, static, design-review-friendly sketches.
Objective
Expand bob-wire beyond cards, tables, and form shells so it can sketch richer diagrammatic interfaces: relationship maps, data-flow views, grouped topology, truth / boundary overlays, provenance inspectors, abstraction ladders, and diff canvases.
Scope
- Add a reusable visualization sketch skill for bob-wire agents
- Teach wireframe and mockup builders when and how to use it
- Create a bob-wire proving-ground brief set based on the five design c38 briefs
- Define a shared visual grammar for relationships, data flow, grouping, authority, confidence, boundary, and diff
- Establish a repeatable run model so the same briefs can be rerun across
wf1,wf2,wf3as the skill evolves
Out of scope:
- production implementation inside
qmap,qflow, orqpixel - final animation or interaction design for the visualization engines
- completing every proving-ground wireframe in this setup cycle
Deliverables
.claude/skills/visualization-sketches.md- Builder-agent guidance updates for wireframes and mockups
cycles/c8.rich-visualization-sketches/briefs/README.md- Five adapted proving-ground briefs in
cycles/c8.rich-visualization-sketches/briefs/ cycles/c8.rich-visualization-sketches/RUNS.md— run protocol for repeated skill proofs
Outcome
Bob-wire now has an explicit path for sketching rich visualization concepts instead of collapsing them into generic placeholders, plus a run model for rerunning the same briefs across evolving skill iterations.
Proving Ground
Source cycle:
../design/cycles/c38.qcontrol-visibility-storytelling/CYCLE.md
Imported and adapted as wireframe-ready bob-wire briefs:
telemetry-boundary-layer.mdprovenance-inspector.mdpaired-live-session-surfaces.mdsession-abstraction-ladder.mdsession-diff-view.md
These briefs are the first test set for the new capability. If bob-wire can sketch them clearly, the expression layer is working.
Status
- Cycle created
- Visualization sketch skill added
- Wireframe builder updated to use the new skill
- Mockup builder updated to preserve the same sketch grammar
- Design c38 proving-ground briefs adapted into bob-wire cycle briefs
- Versioned run model defined for repeated proofs against the same brief set
-
wf1completed for the full proving-ground brief set
Run Model
feature versionanswers: which brief / concept is being explorediterationanswers: which proof run of the skill generated it
For c8, the proving-ground features stay stable at *-v1 while the skill is rerun across:
wf1— first proof passwf2— second proof pass after skill refinementswf3— third proof pass, if needed
That lets the team compare the exact same brief across different generations of the visualization skill without conflating "brief changed" and "skill improved."
Visual record
4 captures — heroes, page slices, and full-page renders. Click to view.



