Style My Reel by mukh.1

Try the palettes live

Palette

This is the actual HTML composition running in your browser — the same code your agent learns from.

Signature moves

  • card-slide

    Review cards slide in from the side with a 9° spin that settles into a ±1.5° resting tilt, slight overshoot.

  • star-fill

    Stars fill one by one, left to right, each popping to 1.3× as it fills.

  • marker-sweep

    A highlighter band sweeps under the selling phrase after the stars finish.

  • chip-pop

    Verified chip pops from 0.4× while the stars are filling.

  • stack-cascade

    Three cards cascade down the frame 0.7s apart, alternating entry side and tilt.

  • survey-count

    Stat numerals count up in Fraunces while result bars fill under them.

  • lift-out

    Scene exit: everything lifts 40px and fades.

Sound

Warm indie-pop or lo-fi acoustic bed, brushed drums, plucked guitar or soft keys. Light and optimistic, never hype.

Voice

Optional. If used: a real-sounding customer voice (not an announcer), 150–165 wpm, reading the highlighted phrase only.

What's in the pack

STYLE.md

338 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: real words sell · one phrase lit per card · cards land, stars fill, chips confirm

More social & ads styles

Bold Caption Hook

$19

Huge word-by-word captions, a hook in second one and punch zooms that hold the scroll.

4 palettes · 9:16 1:1 16:9

Y2K Chrome Drop

$19

Liquid-chrome type, holographic pastels and star glints for streetwear and product drops.

4 palettes · 16:9 9:16 1:1 4:5

Before After Slider

$19

Split-screen comparisons with a hand-dragged slider, clinical labels and deltas that prove it.

4 palettes · 16:9 9:16 4:5 1:1