Ad assets from a live site

Real screenshots of the product outperform stock art and pass review easily. Pipeline:

capture_screens.mjs  →  shots/*.png          (mobile screenshots of real pages)
compose_scenes.py    →  scenes/<format>-N.png (branded frames, 3 formats)
render_video.py      →  <name>-<format>.mp4   (8 scenes × ~1.85 s ≈ 15 s)

Requirements: Chrome/Chromium, Node ≥ 22 (built-in WebSocket), Python 3 + Pillow, ffmpeg.

1. Screenshots

Edit a JSON config (see ${CLAUDE_PLUGIN_ROOT}/templates/assets.example.json) with the pages to capture (URL, optional scroll offset) and any localStorage keys that dismiss onboarding tours, then:

node ${CLAUDE_PLUGIN_ROOT}/scripts/capture_screens.mjs assets.json out/shots

Uses 390×844 @2x iPhone emulation. Use demo data in URLs, never a real customer's.

2. Scenes

python ${CLAUDE_PLUGIN_ROOT}/scripts/compose_scenes.py assets.json out

Each scene = eyebrow line, title, subtitle, and either a screenshot in a phone frame or the logo (first and last scene). Last scene carries the call to action and the domain. Colors and fonts come from the config — use the site's own palette so ads look like the site. Fonts must contain the language's diacritics (for Vietnamese: Segoe UI, Be Vietnam Pro, Noto Sans all work).

Still images for the asset group: export scenes 0 (brand) and 2–3 feature scenes in each ratio; 1.91:1 → 1200×628, 1:1 → 1200×1200, 4:5 → 960×1200 (resize the portrait scene).

3. Videos

python ${CLAUDE_PLUGIN_ROOT}/scripts/render_video.py out/scenes out/video --name brand

Per format: every scene gets a slow 5 % zoom (zoompan), scenes join with 0.35 s crossfades (xfade), H.264 yuv420p, 30 fps. Output ≈ 15 s, 3–5 MB each — above Google's 10 s minimum and small enough to upload quickly.

Check a frame from each before uploading: ffmpeg -ss 7 -i brand-ngang.mp4 -frames:v 1 check.png.

4. Logo

Square 1200×1200 (icon on a padded background, not cropped) and landscape 1200×300 (icon + wordmark). PNG. The brand name in the logo must match the business name field.

Upload notes

• The Chrome extension file upload tool takes ≤ 10 MB per call — keep videos small.
• Videos go to YouTube behind the scenes; pick the Video ad upload channel, not a personal channel (see pmax-campaign).