New Access Gumroad PDF Factory Visit

Resources 20 Claude Code Motion Graphics | Animation Styles

20 Claude Code Motion Graphics | Animation Styles

40 copy-paste prompts for Claude Code that turn 20 named design styles, from Swiss and Bauhaus to Synthwave and Glitch, into clean 5 second looping animations you open in your browser.

What it does

Gives you a short prompt and a full prompt for each of 20 motion graphics styles. You name a style, paste the full prompt into Claude Code and get a single HTML file with a smooth looping animation, instead of a flat, forgettable one from a vague request like 'make it look cool'.

Who it's for

Business owners, creators and non-technical people who want eye-catching animations for intros, posts and brand clips without design skills or animation software.

What you need

Claude Code installed and an empty folder to work in, plus a web browser such as Chrome, Safari or Edge to open the result. No design or coding experience is needed.

What's included

  • 20 styles in 3 groups: clean and graphic, depth and texture, retro and digital
  • A short prompt and a full copy-paste prompt for every style (the sample PDF shows 2 of them)
  • The 5 part method for prompting Claude Code for motion, plus a fill-in starter template
  • 5 style mix prompts that combine two looks
  • 11 fix-it prompts for speed, colors, text, loop jumps and blank pages
  • A 30 day plan and a try-this-now exercise after each chapter
  • One zip download with the full 40-page PDF and a plain-text file of every prompt

How to use it

Make a new folder and open Claude Code inside it. Pick a style, paste its full prompt and add 'Save it as animation.html'. Open the file in your browser, then ask for one change at a time, like a new color or your own word. If the loop jumps or the page is blank, use the fix-it prompts at the back.

Learn more

Read the Claude AI Guide