Shaping & Breadboarding

Structured methodology for defining problems, exploring solutions, and planning implementation. Based on Shape Up adapted for working with an LLM.

Source: rjs/shaping-skills by @rjs (Ryan Singer, author of Shape Up)

Two Skills in One

Shaping — Iterate on problem (requirements) and solution (shapes) before committing to implementation. Separates what you need from how you might build it, with fit checks to see what's solved and what isn't.

Breadboarding — Map a system into UI affordances, code affordances, and wiring. Shows what users can do and how it works underneath in one view. Good for slicing into vertical scopes.

When to Use

• Exploring a new feature or product direction
• Comparing solution approaches before building
• Mapping an existing system to understand where changes land
• Breaking a selected solution into vertical implementation slices
• Any "should we build X or Y?" discussion

Entry Points

• Start from R (Requirements) — Describe the problem, pain points, constraints. Build up requirements and let shapes emerge.
• Start from S (Shapes) — Sketch a solution already in mind. Capture it as a shape and extract requirements as you go.

No required order. R and S inform each other throughout.

Core Notation

Phases

Shaping → Slicing

• Shaping: Explore problem/solution space, select and detail a shape
• Slicing: Break down for implementation into vertical slices with demo-able UI

Key Actions

• Populate R — Gather requirements as they emerge
• Sketch a shape — Propose a high-level approach
• Detail — Break shape into components or concrete affordances
• Check fit — Build decision matrix (R × S), binary ✅/❌ only
• Breadboard — Map to UI/Code affordances with wiring
• Spike — Investigate unknowns
• Slice — Break breadboarded shape into vertical increments

Detailed Reference

For the complete methodology, notation rules, examples, and procedures:

• Shaping reference: See references/shaping.md — Full shaping methodology including fit checks, parts, spikes, documents, multi-level consistency
• Breadboarding reference: See references/breadboarding.md — Complete breadboarding procedure, affordance tables, places, wiring, Mermaid conventions, chunking, slicing

Load the relevant reference when entering that phase of work.