Every demo is one self-contained HTML page — open it from disk, no build step.
These are the artifact types the harness builds and verifies — explorations, reviews, reports, diagrams, research explainers, and interactive editors. Each one is the kind of output a single pass of the loop delivers. Click any card to open the live demo.
A few ways to solve one problem, side by side — with the trade-offs that pick the winner.
01-exploration-code-approaches.htmlOpen demo →Several takes on one thing, shown together so you can choose by eye.
02-exploration-visual-designs.htmlOpen demo →A pull request walked through finding by finding, with severity and the fix.
03-code-review-pr.htmlOpen demo →A codebase explained end to end — the path a request takes, top to bottom.
04-code-understanding.htmlOpen demo →Swatches, a naming table, and do/don't pairs — the tokens written down.
05-design-system.htmlOpen demo →One component in every flavor — sizes, states, and tones in a single view.
06-component-variants.htmlOpen demo →A process unfolding over time — watch each stage advance on its own.
07-prototype-animation.htmlOpen demo →Let the reader drive the flow — click through states and see them respond.
08-prototype-interaction.htmlOpen demo →A talk laid out as navigable slides — one idea per frame, in sequence.
09-slide-deck.htmlOpen demo →Hand-built vector figures — diagrams and icons drawn inline, no images.
10-svg-illustrations.htmlOpen demo →KPIs, deltas, and a service table — the current state at a glance.
11-status-report.htmlOpen demo →A post-mortem timeline — what broke, why, and what changes after.
12-incident-report.htmlOpen demo →A decision diagram you advance node by node, lighting the path taken.
13-flowchart-diagram.htmlOpen demo →A new capability explained — what it does, how it works, why it matters.
14-research-feature-explainer.htmlOpen demo →An idea taught from the ground up — assume-vs-inspect, with a glossary.
15-research-concept-explainer.htmlOpen demo →Work broken into ordered slices — phases, checks, and what "done" means.
16-implementation-plan.htmlOpen demo →A change narrated from motivation to rollout — the story behind the diff.
17-pr-writeup.htmlOpen demo →Drag cards across columns — capture observations, then classify them.
18-editor-triage-board.htmlOpen demo →Toggles wired to live output — flip a flag, watch what it switches on.
19-editor-feature-flags.htmlOpen demo →Turn knobs and watch the prompt rebuild — change inputs, see the result.
20-editor-prompt-tuner.htmlOpen demo →