Anyone can prompt an animation. Few people direct one.

“Animate my hero” gets you a fade. A brief gets you motion that feels designed. This pack gives you 30 briefs written the way a motion director writes them, plus the finished component each one produces.

What’s inside:

• 30 copy-paste motion briefs for Claude
• 30 working components, one HTML file each
• All timings in one block at the top of every file, so you tune numbers, not code
• A gallery to preview everything and copy any brief in one click
• The Brief Formula, an easing cheat sheet and 7 fix-it prompts

The 30 components:

• Logo reveals (6): shapes assemble, curve draws, soft wipe, blur to focus, letter drop, orbit
• Hero entrances (6): words rise, image wipe, card fan, marquee, masked lines, product float
• Buttons and micro-interactions (6): magnetic, press squash, fill sweep, loading to success, toggle, like burst
• Loaders (4): dots, progress, skeleton, brand mark
• Scroll (5): cards rise, reading progress, pinned steps, parallax, words light up
• Text (3): typewriter, decode scramble, marker highlight

Every component respects prefers-reduced-motion. Plain HTML, CSS and GSAP, so it works on any site that accepts custom code.

You get one ZIP: unzip it and open START-HERE.html. Use it in your own and client projects. Reselling or sharing the pack itself is not allowed.