render-offer-ad
Render a punchy ~12s vertical (9:16) music-only direct-response OFFER ad as a 4-beat kinetic-typography film — HEADLINE slam → real PRODUCT drop → CLAIM/proof → CTA pill — from one config of copy slots, a real product photo, a brand palette, fonts, bpm, and beat split. DETERMINISTIC + FREE (a bundled Remotion project; springs + interpolate, no AI-gen for visuals). Backgrounds are engine gradient divs off the palette, props are inline SVG, the ONLY composited bitmap is the REAL product photo (objectFit:contain, never stretched), and ALL headline/claim/CTA/URL/wordmark text is typeset in the eng
npx skills add gooseworks-ai/goose-skills --skill render-offer-ad --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# render-offer-ad The free, deterministic renderer for the **motion-graphics-offer-ad** format — the punchy ~12s vertical, music-only, direct-response offer ad built as a **4-beat kinetic -typography film**: a HEADLINE slams in word-by-word → the real PRODUCT drops in → the CLAIM/proof lands → a CTA pill resolves. No character, no VO, no captions — the on-screen **typeset** text IS the message. This is a bundled **Remotion project** (`project/`) driven by a thin Python driver. The shipping master is **100% engine-rendered** (springs + `interpolate`): backgrounds are gradient divs off the `brand_palette`, props are inline SVG, and the ONLY composited bitmap is the REAL product photo (`objectFit:contain`, **never stretched**). ALL headline/claim/CTA/URL/wordmark text is typeset in the engine — **never AI-rendered**; that is the format's credibility guard. Render cost is **~$0**; the only paid step is an optional music bed, gated upstream in the recipe to `create-music-elevenlabs`. The whole ad is **data**: copy strings, product photo, palette, fonts, bpm, and beat split all arrive as `config.json` and are bound to Remotion **input props** — nothing is hardcoded in the scenes (the sou
- The 4 beats (the spine)
- Two gating checks (run before any render — from the recipe)
- Run
- Scripts
- Config → props mapping (what binds to what)
- Craft rules (load-bearing — faithful to the source run)
- Requires
this if node_modules is absent). cd project && npm install && cd .. python3 scripts/render.py \
What does the render-offer-ad skill do?
Render a punchy ~12s vertical (9:16) music-only direct-response OFFER ad as a 4-beat kinetic-typography film — HEADLINE slam → real PRODUCT drop → CLAIM/proof → CTA pill — from one config of copy slots, a real product photo, a brand palette, fonts, bpm, and beat split. DETERMINISTIC + FREE (a bundled Remotion project; springs + interpolate, no AI-gen for visuals). Backgrounds are engine gradient divs off the palette, props are inline SVG, the ONLY composited bitmap is the REAL product photo (objectFit:contain, never stretched), and ALL headline/claim/CTA/URL/wordmark text is typeset in the eng
How do I install it?
Run `npx skills add gooseworks-ai/goose-skills --skill render-offer-ad --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From gooseworks-ai/goose-skills, a repository with 1,091 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.