Try the palettes live
This is the actual HTML composition running in your browser — the same code your agent learns from.
Signature moves
segment-fill
The current progress segment fills linearly across its slide; it is the clock of the whole video.
tap-through
A ripple lands on the right edge 0.18s before the cut; the next slide hard-cuts in and settles from 1.04× and +15% brightness.
sticker-pop
Stickers pop from 0.4× into their resting tilt.
poll-vote
A tap on an option; bars fill to their shares and the numbers count.
heart-drag
The heart thumb is dragged along the track, swelling mid-drag, then the average bubble pops.
type-in
The question types into the box with a blinking caret.
scribble-draw
Handwritten underlines and arrows draw on behind Caveat notes.
Sound
Warm bedroom-pop or soft house loop, intimate and light; ducks under any voice.
Voice
Optional selfie-style voice, close-mic and casual, 150–170 wpm; one sentence per slide.
What's in the pack
STYLE.md
309 lines: tokens, motion system, 6+ scene recipes, captions, sound, ratios, self-audit.
SKILL.md
Auto-loads in Claude Code when you ask for this look.
palettes.json
4 tested palettes + rules for mapping your brand colours.
showcase.html
A working reference composition of every signature move.
Principle: one slide, one thought · every slide invites a tap · stickers do the talking
More social & ads styles
Bold Caption Hook
$19Huge word-by-word captions, a hook in second one and punch zooms that hold the scroll.
Y2K Chrome Drop
$19Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.
Before After Slider
$19Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.