social-cliplisted
Install: claude install-skill ucsandman/claude-skills
# Social Clip
**REQUIRED BACKGROUND:** marketing-studio skill. Work in `C:\Projects\animations`.
Produces: `out/<brand>/<name>.mp4` — 10s, 1920x1080, three acts:
headline word-spring -> screenshot panel + feature lines -> end card.
## Recipe
1. Toolchain + brand check per marketing-studio.
2. Screenshot: copy the product screenshot into `studio/public/<brand>/` (create a
`fetch-<brand>-assets.mjs` if repeatable). The SocialClip panel zooms into it —
tune the `zoom {from,to,origin}` so the crop ends BEFORE any app-side clipped edge
and the money-shot column/element is the rightmost thing in frame.
3. Props file `props/<brand>-<name>.json` matching `socialClipSchema`
({brandId, kicker, headline, lines (1-4), screenshot, cta}). Copy: terse, factual,
brand voice, no em dashes.
4. Proof stills at frames 45/150/280 (headline / panel+lines / end card), Read each,
iterate copy + zoom until intentional.
5. `npx remotion render SocialClip out/<brand>/<name>.mp4 --props=<props>`.
6. Deliver per marketing-studio.