Breadboarding
Build a breadboard: a concrete model of what an operator can act on, what the system can act on, where state lives, and how effects travel. Affordance tables are authoritative; diagrams are derived views.
Choose the branch
- Map an existing system: load
references/mapping.md and trace one operator or caller workflow through live evidence.
- Detail a shaped solution: load
references/designing.md and translate selected shape parts into concrete affordances and wiring.
- Translate a visual board: load
references/whiteboards.md before interpreting stacks, arrows, or tentative marks.
- Slice for delivery: confirm the complete breadboard passes
references/model.md, then load references/slicing.md and follow that procedure directly.
Mapping and designing may be combined when new mechanisms connect to an existing flow. Produce one end-to-end breadboard across the participating applications and label each boundary.
Build or translate a breadboard
Use this process for mapping, designing, and visual-board translation. The slicing branch starts from the verified result.
- Bound the effect. State the workflow from the actor's perspective: entry point, action, and observable outcome. Name included systems and explicit omissions.
- Build the data model. Load
references/model.md. Identify Places, then enumerate UI affordances, code affordances, and stores using stable P, U, N, and S identifiers.
- Wire behavior. Record containment in the Place column, control flow in Wires Out, and data flow in Returns To. Wire navigation to the destination Place.
- Trace both stories. Follow the actor's navigation or call path end to end. Separately trace every displayed or returned value back to its source.
- Verify the tables. Apply every invariant in the model reference. For existing systems, retain file/symbol evidence for each non-obvious row and edge.
- Render only as needed. For a human visual, load
references/visualization.md and derive Mermaid from the tables.
Working rules
- Use concrete names. In an existing system, each affordance resolves to an actual control, symbol, contract, or state location.
- Treat an implementation detail as part of its owning affordance unless it has an independently meaningful trigger, result, or state identity.
- Represent user-visible and caller-visible outputs as boundary affordances.
- Change tables before changing diagrams.
- Feed mechanism discoveries back to the shaping artifacts when they alter a part, fit, requirement, or slice.
Completion
A breadboard is complete when every in-scope Place and affordance has one stable identity, every edge has a known direction, every data-bearing output has a source, every store has a writer and reader or an explicit boundary role, every navigation/call path reaches its declared outcome, and the tables pass the branch-specific evidence checks.
1---2name: breadboarding3description: Map a workflow into concrete UI actions, code actions, stores, and their wiring.4---56# Breadboarding78Build a **breadboard**: a concrete model of what an operator can act on, what the system can act on, where state lives, and how effects travel. Affordance tables are authoritative; diagrams are derived views.910## Choose the branch1112- **Map an existing system:** load [`references/mapping.md`](references/mapping.md) and trace one operator or caller workflow through live evidence.13- **Detail a shaped solution:** load [`references/designing.md`](references/designing.md) and translate selected shape parts into concrete affordances and wiring.14- **Translate a visual board:** load [`references/whiteboards.md`](references/whiteboards.md) before interpreting stacks, arrows, or tentative marks.15- **Slice for delivery:** confirm the complete breadboard passes [`references/model.md`](references/model.md), then load [`references/slicing.md`](references/slicing.md) and follow that procedure directly.1617Mapping and designing may be combined when new mechanisms connect to an existing flow. Produce one end-to-end breadboard across the participating applications and label each boundary.1819## Build or translate a breadboard2021Use this process for mapping, designing, and visual-board translation. The slicing branch starts from the verified result.22231. **Bound the effect.** State the workflow from the actor's perspective: entry point, action, and observable outcome. Name included systems and explicit omissions.242. **Build the data model.** Load [`references/model.md`](references/model.md). Identify Places, then enumerate UI affordances, code affordances, and stores using stable `P`, `U`, `N`, and `S` identifiers.253. **Wire behavior.** Record containment in the Place column, control flow in Wires Out, and data flow in Returns To. Wire navigation to the destination Place.264. **Trace both stories.** Follow the actor's navigation or call path end to end. Separately trace every displayed or returned value back to its source.275. **Verify the tables.** Apply every invariant in the model reference. For existing systems, retain file/symbol evidence for each non-obvious row and edge.286. **Render only as needed.** For a human visual, load [`references/visualization.md`](references/visualization.md) and derive Mermaid from the tables.2930## Working rules3132- Use concrete names. In an existing system, each affordance resolves to an actual control, symbol, contract, or state location.33- Treat an implementation detail as part of its owning affordance unless it has an independently meaningful trigger, result, or state identity.34- Represent user-visible and caller-visible outputs as boundary affordances.35- Change tables before changing diagrams.36- Feed mechanism discoveries back to the shaping artifacts when they alter a part, fit, requirement, or slice.3738## Completion3940A breadboard is complete when every in-scope Place and affordance has one stable identity, every edge has a known direction, every data-bearing output has a source, every store has a writer and reader or an explicit boundary role, every navigation/call path reaches its declared outcome, and the tables pass the branch-specific evidence checks.