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

  • hand-drag

    The knob is dragged from 88–94% to 12–18% past the target, returned, then settled at 50%.

  • touch-grab

    Touch ring lands 0.15s before the drag, stays pressed for the whole drag and lifts off on settle.

  • label-pop

    BEFORE then AFTER pills pop in 0.1s apart at scene start.

  • delta-pop

    Delta chips pop only after the handle settles, 0.2s apart, bottom-right.

  • after-takeover

    Scene exit: the handle sweeps to 0% so the AFTER fills the frame, then hard cut.

  • creep

    The subject layer pulls out 1.06→1.00 across the scene, both layers in sync.

  • delta-count

    The stat slab numeral counts to its value.

Sound

Clean, modern minimal-house or downtempo pluck bed; restrained, bright on the reveal.

Voice

Calm, matter-of-fact, mid register, 145–160 wpm. States the timeframe first ('Fourteen days.'), then the result. No hype words.

What's in the pack

STYLE.md

320 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: same frame, one variable · the drag is the reveal · every claim gets a number

More social & ads styles