Comotion
Support

Keep Comotion free

No adverts, no paywall. Every video is picked, credited and written up by hand. If it has helped your work, chip in.

Support the project

Styles

  • Paper Collage
  • Cinematic
  • Product Ad
  • Product Demo
  • Claymation
  • Kinetic Type
  • Ink & Watercolour
  • Retro Pixel
  • Motion Design
  • Stop Motion
  • Mixed Media
  • 3D Scene
  • 3D Cartoon
  • Anime
  • Music Video

Comotion

  • Gallery
  • Search
  • Support us
  • Terms
  • Privacy
Comotion

Video design styles, how each was made, and the prompt to copy.

comotion

Motion Is the Message

Motion Design#code#minimal#showreel#typography

Made by Charlie Hills (@charliejhills on X)View original post

A 15-second motion showreel in navy and coral: easing curves, kinetic type, a grid and a frame counter, all drawn in code.

How it was made

Tools

Claude Opus 5.5

Prompt

Process

Claude Opus 5.5 wrote the animation as a single HTML file, 450 frames at 30 frames a second, with no footage and no After Effects.

The creator's own prompt was one sentence: "Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are. Go all out." The prompt shown here was written afterwards from the finished clip, so it describes what is on screen.

The creator wrote up how to make it follow a brand: https://charliehills.substack.com/p/claude-code-motion-graphics

Comments

More Motion Design

View all
0:15

Ask to Task

Motion Design#ad#engraving#typography

0:15

FounderStack

Motion Design#bundle#launch#product film

0:20

Put Me on the Map

Motion Design#globe#morph#square

0:30

dystnct

Motion Design#launch#mixed footage#showreel

0:12

Launch Film From One Sentence

Motion Design#minimal#product launch#square

0:23

Money Still Moves Like It's 1973

Motion Design#black and white#payments#typography

0:15

SuperX Launch Film

Motion Design#dark#launch#product film

0:12

Squash & Stretch

Motion Design#animation principles#bouncing ball#code