---
title: "How to make motion graphics videos in 15 AI styles — AI video prompts for animation & motion graphics, with examples"
description: "15 ten-second motion-design films, one style each, with the full prompt, source code and a review rubric."
url: https://varg.ai/how-to/skills/motion-design-styles-15
updated: 2026-10-29
---

# How to make motion graphics videos in 15 AI styles — prompt skill for animation & motion graphics

> **For AI agents:** find the right skill in one call — `curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"` returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the how-to page.

15 ten-second motion-design films, one style each, with the full prompt, source code and a review rubric.

- **Type:** [Prompt](https://varg.ai/how-to/prompts.md) · [Animation & motion graphics](https://varg.ai/how-to/browse/skills/animation.md)
- **Slug:** `motion-design-styles-15`
- **Status:** live
- **Publisher:** Vincent Wei (community)
- **License:** MIT
- **Source:** https://github.com/Vincentwei1021/mg-styles-15
- **Works in:** Claude Code, Codex
- **Requires:** Node, headless Chrome, ffmpeg
- **Cost:** Free / open source
- **Adoption:** 2,200 GitHub stars (X (as quoted in the post), 2026-10-28)

## What it does

Make a ten-second motion graphics video in one of 15 styles: cel boil, isometric 2.5D, flat vector, line art, 3D render, shape morph, sticker explainer, cyberpunk HUD, collage, aurora glass, Bauhaus and more. Each style ships its prompt (`prompts/<style>.md`), its full source and style notes; the films are web pages rendered frame by frame in headless Chrome, with sound synthesized in code. Paste a style's prompt into Claude Code, swap the creative seed (story, brand, copy, palette), keep the Signature features block, and review the render against `rubric.md` in a second agent. Needs Node, headless Chrome and ffmpeg.

## Use when

- how to make motion graphics videos in 15 AI styles
- motion design style prompts for Claude Code
- cel boil isometric HUD collage Bauhaus motion graphics prompts
- how to prompt an agent for a ten second motion design film
- motion graphics style library with prompts
- how to review an AI motion graphics render with a rubric
- Bauhaus motion graphics video with AI
- isometric explainer animation prompt

## Install

Not published as a standalone skill yet. Source: https://github.com/Vincentwei1021/mg-styles-15

## More animation & motion graphics skills

- [Day in My Life](https://varg.ai/how-to/skills/hyperframes-day-in-my-life.md): A 60–75 s hand-drawn ink film of your agent's day with you, built from local Claude Code history, scored for strings.
- [p5 Paint Animation](https://varg.ai/how-to/skills/hyperframes-p5-paint-animation.md): Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- [Session Story](https://varg.ai/how-to/skills/hyperframes-session-story.md): A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
- [Remotion Markup](https://varg.ai/how-to/skills/remotion-markup.md): Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- [Motion AI Kit](https://varg.ai/how-to/skills/motion-ai-kit.md): Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- [Motion Design](https://varg.ai/how-to/skills/lottiefiles-motion-design.md): Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.

## Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.

- Claude Code: `claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg` (skill + hosted MCP)
- Codex, Cursor, Gemini CLI, OpenClaw: `npx skills add vargHQ/skills --skill varg-ai -a <agent> -y`
- Grok and any agent that reads SKILL.md: `npx skills add vargHQ/skills --skill varg-ai`, or point it at the skill's SKILL.md
- Claude.ai, ChatGPT, any MCP client: connect `https://mcp.varg.ai/mcp`
- API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt