Skip to content
refs
REF-3292Source onlineBlueprint rev 01

Agent Icon to Web Demo

A silent 18-second feature launch that turns an animated icon into a prompt-to-result product demo.

Maker @mintlifyFor MintlifyOriginal post ↗
Cut timeline · 1 shots00:18
00:0000:0500:1000:15

Field notes / why it works

The opening icon morphs into an availability message by about 0:03.6, making a spare white frame feel active without sound. At 0:07–0:13.4, a specific task, agent progress, and visible response turn the claim into proof; a dark CTA at 0:13.4 and logo at 0:15 make the finish easy to parse.

01

Plate 01 / The format in one breath

A silent feature announcement starts as a tiny animated product glyph, spells out availability in a rounded pill, then proves the feature with one prompt-to-result UI action. A brief CTA and logo close the loop from claim to product.

Why it works

  • The icon grows and changes form within 0:00–0:01.5; movement carries the opening before words appear.
  • The announcement leads to visible software at about 0:07; the viewer sees an example task and response by 0:11.3.
  • The final 4.5 seconds compress the ask into a dark CTA pill and a clean brand signoff.
02

Plate 02 / Format card

Platform · aspect · lengthX · 720×720 square · 18.0 s · 60 fps
Pace1 continuous designed shot · 0 cuts/min · 5 detected internal steps (16.7/min) · 18.02 s shot; additional smooth motion in the first 3 s
ScriptNo spoken words; a three-word announcement, short task prompt, compact answer, three-word CTA
VoiceNone
On screenMotion graphic/title ~0:00–0:07 · product UI demo ~0:07–0:13.4 · CTA/logo ~0:13.4–0:18 (approximate from sheets)
CaptionsNone; only purposeful title, UI, and CTA text
SoundNo audio track, music, speech, or effects
StructureIcon reveal → availability → task entry → agent progress/result → CTA → logo

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro