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

  • settle-in

    Default entrance for every text block and card: a short slide from the left plus fade.

  • rule-extend

    Title rules and chart baselines extend from the left after their title lands.

  • icon-pop

    Icon tiles grow in calmly; no overshoot.

  • agenda-focus

    The --tint highlight glides from the finished topic to the next; the number tile swaps to --deep on arrival.

  • bar-build

    Chart bars grow from the baseline left to right, the trend line draws over them.

  • count-steady

    KPI numerals count to their value with a gentle ease-out; units never move.

  • panel-sweep

    Section change: a --deep panel with a 40px --accent leading edge crosses the frame right→left; the slide cuts underneath at the midpoint.

Sound

Light corporate underscore: clean piano or marimba motif over soft pads and a brushed kick; optimistic but restrained, no drops, no vocals.

Voice

Warm, assured, mid register, ≈ 145 wpm; plain words, short sentences, numbers read with units ('ninety-eight percent retention').

What's in the pack

STYLE.md

340 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: clarity before flourish · one blue that means "look here" · every slide could be printed

More business & news styles