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

  • 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