product image

Free Motion Brief Cheat Sheet: Animate Websites with Claude + GSAP

Free motion brief cheat sheet: animate websites with Claude and GSAP

“Animate my hero” gets you a fade. A brief gets you motion that feels designed. This free cheat sheet shows how to write one: the five questions every motion line answers, the eases that fit each job, and five real briefs from the Directed Motion Pack.

What’s inside:

  • The Brief Formula: what moves, from where, how long, which ease, in what order
  • Easing cheat sheet: the right ease for entering, leaving, loops and accents
  • 5 copy-paste briefs: logo reveal, hero entrance, button press, skeleton loader, marker highlight
  • 7 fix-it prompts for when the first result feels slow, robotic or busy

Who it’s for: designers, developers and founders who build web animation with Claude or ChatGPT.

How you get it: instant download (PDF + a copy-button page + a plain text file).

Free to use in your own and client work. All 30 briefs with working HTML/GSAP components are in the Directed Motion Pack.

Not affiliated with Anthropic, OpenAI or GreenSock.

Frequently asked questions