← ClaudeAtlas

like-subscribe-overlaylisted

Overlay the branded like/subscribe CTA animation — channel gem avatar + @C0BALT_CUT handle + subscribe/like/bell click choreography — for ~4 seconds WITHIN THE FIRST THIRD of a finished short (start clamped to end by the 1/3 mark, floored after the ~2.5s title card; early placement so viewers who bail never miss it). The animation source is cta.html (HTML+CSS+JS driving the pill pop-in, cursor moves, click punches, bell ring, thumb fill); build-cta.sh renders it frame-by-frame via headless Chromium (Playwright, omitBackground) and ffmpeg-encodes to assets/cta.mov (ProRes 4444 with alpha).
jperrello/C0BALT_CUT · ★ 2 · Web & Frontend · score 68
Install: claude install-skill jperrello/C0BALT_CUT
# like-subscribe-overlay Drops a hook-grabbing branded call to action into the short. A JS-driven animation plays in the lower third for `dur` seconds starting at `pos` fraction of the clip (default 0.15), with the start clamped so the whole CTA lands inside the first third of the clip — where retention is highest — while staying clear of the ~2.5s title card: a Carbon Black pill pops in carrying the channel gem avatar (sapphire-ringed, glow breathing) and the `@C0BALT_CUT` handle (Impact, Platinum, sapphire slashed zero) → cursor enters → clicks SUBSCRIBE (red → dark, scale punch, expanding ring) → bell rings → cursor glides left to the thumbs-up → clicks LIKE (thumb fills Sapphire Glow, scale punch, expanding ring) → holds the final state. The animation is authored in plain HTML+CSS+JS (`cta.html`) and pre-rendered once into a transparent ProRes 4444 `.mov` asset (`assets/cta.mov`). Runtime just composites that asset. The avatar image is `assets/channel.png` (square crop of the channel gem); replace it and re-run `build-cta.sh` to rebrand. ## Invoke ``` .claude/skills/like-subscribe-overlay/like-subscribe-overlay.sh <input> <out> [dur=4.0] [pos=0.15] ``` - `input`: finished short (any aspect ratio; designed for 1080x1920) - `out`: output mp4 - `dur`: total CTA duration in seconds (clamped to clip length, default 4.0) - `pos`: fraction of the clip at which the CTA starts (default 0.15; clamped so the CTA ends inside the first third, starts after the ~2.5s title card,