Diagrams made with AI

10 prompts — open one to copy its prompt. Tested entries include the video, run log and project; starter prompts are marked NOT TESTED.

Related tags: Explainer 9Product UI 1
Remotion explainer prompt — document to vertical video
Remotion·Vertical Tested
For every PDF nobody reads: the document appears, its key lines light up, and it condenses into three cards a phone can actually show.
Remotion lower third prompt — name/title overlays
Remotion·Landscape Tested
Three lower-third styles for the same speaker, shown over a shapes-only presenter placeholder — no fake person, no stock footage.
HyperFrames faceless explainer prompt — narration-ready cards
HyperFrames·Landscape Tested
A narration-ready faceless explainer skeleton: three headline cards with body lines, a diagram that draws itself card by card, and a closing line.
30-second SaaS explainer — HyperFrames prompt (4-act grid, 9s demo cut included)
HyperFrames·16:9 landscape Tested
IMPORTANT, stated plainly: the prompt's beat grid is the full 30-second master.
How-it-works 3-step explainer — HTML/GSAP prompt (numbered steps + progress line)
HTML·16:9 landscape Tested
Runs verbatim — three numbered steps on a progress line, the most reusable explainer pattern on this site.
Recursion explainer — HyperFrames prompt (nested boxes + unwind stack)
HyperFrames·16:9 landscape Tested
Tested after the core-pill fix (iteration 2).
Process explainer — HyperFrames prompt (refund flow with day labels)
HyperFrames·16:9 landscape Tested
Runs verbatim — a refund process explained with named stages and honest day labels.
Crypto wallet explainer — HyperFrames prompt (public/private key analogy)
HyperFrames·16:9 landscape Tested
Runs verbatim — a crypto wallet explained through an email-and-password analogy pair.
Roadmap animation — HyperFrames prompt (quarterly milestone path)
HyperFrames·16:9 landscape Tested
The whole trick is synchronisation: the path is built through the four node coordinates and drawn with a linear dashoffset tween, so each pop lands the exact frame the line arrives.
Timeline animation — HyperFrames prompt (alternating dated events)
HyperFrames·16:9 landscape Tested
Marker timings are not hand-tuned: each pop time is the dot's linear travel duration multiplied by the marker's fraction along the line, so adding or moving an event keeps the sync exact.