Free downloadThe Spec Ad Plan: 20 Seconds, One Written Page
A free guide to planning a 20-second motion ad on one page and letting Claude Code build it in HTML and GSAP: three colours with roles, a scene table where every scene has a job, sound cues, one camera move and one short CTA. With a worked example for a fictional brand, the finished video, the prompt and a blank template.
What is inside
- Plan Six rules: open on a feeling, three colours with roles, a job per scene, sound per event, one camera move, one CTA.
- Example A full plan for a fictional sunrise-walk app: brief, colours, camera path, nine-scene table, sound cue sheet.
- Prompt The paste-ready Claude Code prompt plus the one round of fixes that made the result look finished.
- Render The finished 20-second video, its HTML source and a frame-by-frame renderer to MP4.
- Template A blank scene table in Markdown and CSV, with the final checks and a note on brands and trademarks.
Claude Code, Node.js 18 or later, Google Chrome and ffmpeg to render the video. Reading the guide and using the template needs nothing.