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

  • whip-swipe

    The next rank panel whips in from the right with an 8° skew that straightens as it lands; the old panel parallaxes left 28%.

  • numeral-slam

    The rank numeral slams down from 1.45× with an 8° twist, undershoots and settles.

  • object-pop

    The product sticker pops from 0.3× with a 14° spin.

  • card-rise

    The item card rises 90px into place.

  • price-stamp

    Price tab stamps onto the card corner.

  • winner-reveal

    #1: gold panel, rays spinning, numeral 10% larger, WINNER stamp at +0.7s.

  • recap-cascade

    End-card rows slide in from the right 0.08s apart, #1 first.

Sound

Bouncy pop / funk-house loop with a clear downbeat; a drum fill into #1.

Voice

Upbeat creator voice, 165–180 wpm. Say the rank first ('Number four:'), then the item, then one reason. Never more than 12 words per rank.

What's in the pack

STYLE.md

316 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 rank, one colour, one reason · numerals are the architecture · save the gold for number one

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