Skip to content
refs
REF-0399Source onlineBlueprint rev 01

Claude Design: from prompt to finished work

A silent product launch demo turns one click into a generated result, then proves editing, range, and export through UI actions.

Maker @claudeaiFor Anthropic / Claude DesignOriginal post ↗
Cut timeline · 18 shots01:22
00:0000:1500:3000:4501:0001:15

Field notes / why it works

The button becomes a composer by 0:02 and a specific generated globe appears by about 0:09, so the opening demonstrates a result before explaining the product. Tweak controls at 0:14–0:29, a contrasting mobile prototype at 0:32–0:46, and export at 1:02–1:08 answer successive questions about control, range, and usefulness. The output wall at 1:09–1:15 turns two demos into a broader visual promise.

01

Plate 01 / The format in one breath

A cursor clicks a single creation entry point, types a plain-language request, and the viewer sees an impressive result. The rest is a rapid tour of iterative controls, different output types, and export, ending on a portfolio wall and a spare brand card. The promise is legible by 0:05, without a spoken pitch.

Why it works

  • The first 3 s turn a lone “Design” button into a request field: an interface action creates the hook instead of a claim card.
  • A specific globe result arrives by 0:09–0:14, then the 0:14–0:25 tweak flow shows the output is editable.
  • The scale widens from one example to a mobile prototype (0:32–0:46), other formats (0:49–1:01), export options (1:02–1:08), and a wall of outcomes (1:09–1:15).
02

Plate 02 / Format card

Platform · aspect · lengthX · 16:9, 1280×720 · 81.5 s · 24 fps
Pace18 shots; 12.5–15.5 cuts/min allowing uncertain changes; 18.4 picture changes/min; mean shot 4.53 s, median 2.62 s
ScriptNo intelligible narration. Short interface labels and typed requests carry the information. Transcript's three isolated tokens appear to be false detections (inferred).
VoiceNone required; no person appears.
On screenApproximately 90% interface/product screens and 3D output, 10% end cards or result collage (estimated from sheets).
CaptionsNo editorial subtitles. Native UI text only, with occasional magnification from crop and zoom.
SoundContinuous tonal/electronic music-like bed (measurement); ~104 BPM estimate, low confidence. No clear cut-synced effects.
StructureEntry → request → result → tweak → second example → formats → export → portfolio → brand close.

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