Animation · mode reveal

Autoplay reveal

One deterministic run on load, seven steps at 720ms each, ending complete and never replaying itself. reveal is the only autoplay the skill sanctions. The connectors are painted up front because they carry the static meaning; only the nodes stage in. With JavaScript off, or under reduced-motion, the whole diagram is simply there and the controls disappear.

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 reveal · github.com/cathrynlavery/diagram-design