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.mdto 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 · Animation & motion graphics
- 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: 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: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- Session Story: A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
- Remotion Markup: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- Motion AI Kit: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- Motion Design: 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