mg-styles-15: fifteen motion-design films made entirely by Claude, source included

Motion-design style references are hard to shop for: you find a film you like, but not its prompt, and certainly not its source. mg-styles-15 by Vincentwei1021 (MIT, 3,100 stars as of November 5, 2026) publishes the whole package: fifteen motion-graphics styles, one 10-second film each, spanning frame-by-frame cel animation to a 9:16 variety-show edit — every film shipping with its style notes, its complete prompt and its full source code, all watchable with sound on the GitHub Pages site. The twist: every picture and every note of music was written as code by Claude Opus 5.5, with no image or video generation model involved.

Core features

• The picture is code: SVG, Canvas, WebGL and Three.js carry the visuals and animation; the one 3D film uses Blender; a few films lean on CC0 or public-domain photos.
• The sound is code too: each film’s audio.py synthesises its own music and effects, with the fifteen soundtracks drawing on 103 recorded instrument samples.
• Everything is published: film, style notes, full prompt, complete source — for all fifteen styles; pick one and copy the homework.
• A wide style range: from cel animation to variety-show typography, the fifteen cover a real spectrum of the motion-design family.
• Online preview: the GitHub Pages site plays all films with sound, no clone required.

Typical use cases

• A style shelf for motion designers: find a reference before a client pitch, and adapt the style notes into your own brief.
• Teaching material for code-made films: each film’s prompt-to-source-to-result pairing is the most literal lesson possible.
• Style scouting for content teams: sweep fifteen styles before locking the tone of a product or talking-head video.

Quick start

git clone https://github.com/Vincentwei1021/mg-styles-15.git

Or watch online at vincentwei1021.github.io/mg-styles-15; pick a style, take its prompt to Claude Opus 5.5 for a reproduction, and read the source line by line in the repo. Each film also carries written style notes — palette and pacing choices are spelled out, so adapting rather than copying has a map.

Summary

mg-styles-15 fits motion designers, creators filming with AI, and engineers studying code-generated films; photoreal footage and long-form narrative are out of scope — all fifteen are 10-second MG experiments. Facts and limits: MIT, Python for audio synthesis plus the front-end graphics stack; the films were generated by Claude Opus 5.5, so reproductions will float with model versions; the 3D film needs Blender locally for re-renders. It extends the ecosystem of MotionGit from this site — MotionGit ships the templates and the .motion pipeline, this repo supplies the style references and prompts; together they form a style-selection-to-engineering-output motion-graphics line.