# Animated ad from code, four steps

Recipes / Preset / Motion graphics. Checked 2026-11-13.

A product ad in motion graphics without a timeline.

- Use when: App and product ads of 8 to 20 seconds built by a coding model.
- Phrase: ingredients in one folder, a numbered storyboard approved before anything is animated, the build, then sound last
- Page: https://directorchair.ai/preset/preset-code-motion-ad
- JSON: https://directorchair.ai/api/preset/preset-code-motion-ad.json

## Watch out

- Give it the real logo and real screenshots. Without them a coding model draws a fake app and rebuilds the logo from shapes. (practitioner; Director Chair notes on Motion graphics with Claude (Rourke Heath))
- Per shot the storyboard states the voice line, what moves and how the shot becomes the next one. Approve it before the build. (practitioner; Director Chair notes on Motion graphics with Claude (Rourke Heath))
- Hold the real product next to the render: the model cannot see it, and the creator's first render had the wrong details. (practitioner; Director Chair notes on Motion graphics with Claude (Rourke Heath))
- Thirty minutes for two dollars is the creator's own figure for one ad; what it covers is not said, and his examples are spec ads, not client jobs. (practitioner; Director Chair notes on Motion graphics with Claude (Rourke Heath))

## Prompts

### Any chat model

```
Give me a production plan: the shots or scenes in order, what each one needs, and the edit settings, for a short video about [your product], for [your audience]. The technique is animated ad from code, four steps: a product ad in motion graphics without a timeline. How it works: ingredients in one folder, a numbered storyboard approved before anything is animated, the build, then sound last. It is right for: app and product ads of 8 to 20 seconds built by a coding model. Give it the real logo and real screenshots. Per shot the storyboard states the voice line, what moves and how the shot becomes the next one. Be concrete: numbers, seconds and settings, no theory. Ask me one question first if something you need is missing.
```

## Goes well with

- Shape morph (every shot becomes the next): https://directorchair.ai/transition/shape-morph
- Action dead centre: https://directorchair.ai/composition/action-dead-centre
- Voice-over written to the cut: https://directorchair.ai/sound/voice-written-to-length
- Cut on the beat: https://directorchair.ai/sound/cut-on-the-beat
- Type and shapes carry it: https://directorchair.ai/format/format-motion-graphics

## Source

Own words from Director Chair notes on Motion graphics with Claude (Rourke Heath)

Text CC BY 4.0, Director Chair (directorchair.ai). Reference clips and their card texts belong to their makers.