Animation · mode step

Step-through

The same seven states, but paused and driven by you: Play, Pause, Replay, Previous, Next, plus arrow keys, Space, R, Home and End. Each step announces itself to screen readers through a scoped live region. This is the mode built for teaching a trace — which is exactly what an approval gate is.

All examplesThe original, unstyleddiagram-design repo

Guest booking: research to approval gate Flowchart from a guest lead through reading the hook, finding contact info in Apollo, deciding whether a prior Gmail thread exists, drafting outreach in Gmail, an approval gate that returns to the draft when Andrew declines, updating the Notion CRM, and sending. YES · REPLY NO · NEW DRAFT NO · REVISE YES · APPROVED Guest lead + source link Read the spec, then the hook the exact idea that makes them worth booking APOLLO Build a ranked contact stack email → backups → linkedin → x → company Prior real thread? search Gmail first Reply inside that thread real history beats a cold open GMAIL Draft from Andrew's account approved template, verbatim · max 4 short sentences CC Pat + Lauren · a clickable link for every name Andrew approves? every outbound message NOTION Add or update the guest draft status · source link · email apollo status · confidence Sent → 48-hour clock starts LEGEND START / END STEP DECISION APPROVAL GATE RETURN PATH
←/→ step · Space play/pause · R replay · Home/End jump

Guest Booking Producer · part one · animation mode step · github.com/cathrynlavery/diagram-design