AI-Generated Motion Design Replaces Assets with Pure Code 🔗
Fifteen 10-second films made entirely from SVG, Canvas, and WebGL prompts by Claude Opus 5.5
Vincentwei1021/mg-styles-15 delivers fifteen 10-second motion-design films, each generated not from rendered video or AI image models, but from executable code written by Claude Opus 5.5 in response to a single prompt per style.
The project publishes the full source, style notes, and exact prompts used to create each piece, spanning techniques from frame-by-frame cel animation and isometric 2.5D to 3D renders using Blender and WebGL. Every film renders dynamically via window.renderAt(t), outputting SVG, Canvas, or Three.js scenes frame by frame, with audio synthesized in audio.py from 103 recorded instrument samples. No raster images or video generation models are used—visuals and sound are procedurally generated, making each film infinitely scalable and editable at the code level. Developers can inspect, modify, or reprompt the animations to create derivative works, turning motion design into a transparent, code-first discipline. The repository includes detailed build instructions using headless Chrome and ffmpeg to compile frames and soundtracks into final films, enabling reproducibility and local experimentation.
The catch: The project relies heavily on Claude Opus 5.5’s specific prompt interpretation and lacks automated validation for prompt-to-output consistency, raising questions about long-term maintainability and reproducibility across model updates or forks.
- Learn motion design by reverse-engineering AI-generated code
- Generate custom animated logos using procedural SVG techniques
- Create editable background visuals for web apps without video assets
Source: Vincentwei1021/mg-styles-15 — based on the project README.