Code-to-canvas workflow demo
A silent desktop demo follows a code change into a live app and then an editable design canvas.
Field notes / why it works
The first 19 seconds show a specific code change and successful build, giving the outcome a credible cause. At 0:20 the live recipe page appears; at 0:26.6 the same list is in the design editor, and by 0:32.8 visible row boundaries prove it is editable. The dark-to-white-to-pale surface changes supply the re-hooks in an otherwise silent, low-cut demo.
Plate 01 / The format in one breath
A quiet desktop recording demonstrates a roundtrip: an assistant finishes a small code change, the result appears in a live app, and that same interface becomes editable in a design canvas. The promise is carried by the post text and by visual proof, with no voiceover or title card in the video.
Why it works
- The first 19 seconds establish a real task, an edited file, and a successful build inside the assistant UI; this gives the later result a cause.
- At 0:20 the viewer sees the live recipe page, then at 0:26.6 sees its content inside a design editor. The same list of recipes links the two surfaces visually.
- At 0:32.8 pink row outlines appear around the imported design, making editability visible rather than merely claimed.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9 · 1280×720 · 30 fps · 37.0 s |
| Pace | 1 continuous screen-recording shot by the detector; 0 confirmed cuts/min, 0–3.2 if two uncertain surface switches count as cuts; 9 measured internal steps, about 14.6 picture changes/min; shot length 37 s |
| Script | No spoken script. Screen text is existing interface content and a typed task; word count and WPM do not apply. |
| Voice | None; no person or presenter appears. |
| On screen | About 0:00–0:19.8 dark assistant, 0:19.8–0:26.2 live browser page, 0:26.2–0:37 light design editor. All are desktop UI. |
| Captions | None; no added subtitle or headline layer. |
| Sound | Effectively silent: measured −70 LUFS, no discernible music bed or designed effects. |
| Structure | Three proof stages: make/change → live result → editable canvas. Payoff begins about 0:26.2; no in-video CTA. |
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- Plate 03 / The hook, frame by frame (first 3 seconds)Pro
- Plate 04 / Structure (beat sheet)Pro
- Plate 05 / Shot grammarPro
- Plate 06 / Visual style guidePro
- Plate 07 / Voice and deliveryPro
- Plate 08 / Sound designPro
- Plate 09 / PackagingPro
- Plate 10 / Script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro