Sandbox
@Anil-matcha/vox-ai-motion-graphics-generator

Agent skill for Vox-style collage video generation

This skill turns a topic, presenter video, or product photo into a finished Vox-style collage explainer. It covers the full flow: beat planning, style selection, keyframe creation, motion, narration, music, captions, and ffmpeg assembly.

201 starsβ€’37 forksβ€’Pythonβ€’Updated 15d ago
This FREE AI Tool Makes Vox-Style Motion Graphics From One Prompt (Open-Source)
Anil Chandra Naidu Matcha β€’ 1.4k views β€’ 2 months ago
Who it's for

Builders who want Claude Code or Codex to generate a narrated collage video from a single topic or asset.

What it delivers

You can go from one prompt to a finished, captioned `final.mp4` with most of the editing handled for you.

What it does

Three input modes

Supports topic-to-video, talking-head restyling, and photo-anchored collage workflows.

Story-first beat map

Writes `beats.json` before visuals, so the video follows a narrative arc instead of raw text-to-video output.

Style bake-off

Renders the same beat in several themes so you can choose a look before committing.

Collage keyframes

Generates torn-paper poster frames for each beat with the Vox-like editorial aesthetic.

Motion and assembly

Animates the posters into clips, adds narration and music, burns captions, and stitches everything with ffmpeg.

Agent-ready instructions

Uses `SKILL.md` and `AGENTS.md` so coding agents can pick up the workflow directly.

How to get it

  1. 12. Configure environment keys
    export MUAPI_API_KEY="your-api-key"     # image / video / voice / music models β€” key from muapi.ai
    export OPENAI_API_KEY="your-openai-key"  # story planning & ASR
  2. 2Or run CLI scripts manually
    python scripts/style_bakeoff.py out/my-topic american-retro,swiss-modern,punk-zine
    python scripts/keyframes.py out/my-topic
    python scripts/clips.py out/my-topic
    python scripts/audio.py out/my-topic
    python scripts/assemble.py out/my-topic
  3. 3Run
    python scripts/asr_beats.py out/my-aroll source_presentation.mp4
    python scripts/aroll_clips.py out/my-aroll
    python scripts/aroll_assemble.py out/my-aroll
  4. 4Run
    python scripts/croll_keyframes.py out/my-croll
    python scripts/clips.py out/my-croll
    python scripts/audio.py out/my-croll
    python scripts/assemble.py out/my-croll

README

Vox AI Motion Graphics Generator

Turn any topic into a finished Vox-style paper-collage explainer video


Vox AI Motion Graphics Generator video

πŸ“Ί Watch the Vox AI Motion Graphics Generator in action β†’

🚨 The problem with making explainer videos today:

  • ❌ Fragmented workflow β€” separate tools for scripting, image gen, animation, voice-over, music, and captions
  • ❌ No narrative structure β€” raw text-to-video models don't understand story arcs, hooks, or pacing
  • ❌ Inconsistent look β€” the collage aesthetic drifts from shot to shot
  • ❌ Hours of manual editing β€” stitching, ducking music, and burning captions by hand

πŸ’‘ The solution:

🎬 Screenwriter, Collage Artist, Animator, and Editor β€” all in one automated pipeline.

Type one topic. The agent writes the story beats, renders each beat as a torn-paper collage poster, animates it, adds a narrator voice-over, music, and burned-in captions β€” then stitches everything into a finished final.mp4. You stay in control with just two approval gates: the story beat map and the visual theme.


Awesome Generative AI Apps

🎨 Explore 50+ more open-source AI apps β†’

πŸŽ₯ Demo

https://github.com/user-attachments/assets/3db826d1-3271-4e8a-b4d0-a843013e67c7

One topic in, a fully narrated & captioned Vox-style collage video out. (download the demo)

"Make me a 15-second Vox-style collage video on the history of coffee." β†’ a styled final.mp4, fully narrated and captioned.

πŸ“½οΈ Generated Showcase Videos (Playable Demo Videos)

Below are end-to-end videos generated using the pipeline:

https://github.com/user-attachments/assets/d9b3e85b-2f4a-4c64-9692-747f085dfd28

β–Ά "History of Coffee (Ethiopia 850 AD)" Β· 5s (B-roll Film)



https://github.com/user-attachments/assets/6628b678-78ff-481a-bc39-d7098ec1f2fe

β–Ά "Cold Brew Product Ad" Β· 5s (C-roll Film)


ModeFilm TitleTopic / SubjectPlayable Video LinkKeyframe PosterMotion ModelNarration Voice
B-rollβ˜• History of CoffeeEthiopia 850 ADPlay Video (out/demo/final.mp4)out/demo/keyframes/kf_1a.jpgveo3.1-image-to-videoMiniMax TTS (Q19bea09caa6IRAeW7)
C-roll🍾 Cold Brew Product AdArtisanal Cold Brew BottlePlay Video (out/demo-croll/final.mp4)out/demo-croll/keyframes/kf_1.jpgveo3.1-image-to-videoMiniMax TTS (Q19bea09caa6IRAeW7)

🎬 Generated Assets Summary:

  • β˜• B-roll (History of Coffee):
    • πŸ“Ή Video: Play Video (out/demo/final.mp4) | πŸ–ΌοΈ Poster: out/demo/keyframes/kf_1a.jpg | πŸ“Ή Clip: out/demo/clips/clip_1a.mp4 | πŸŽ™οΈ Voice: out/demo/audio/narr_1.mp3 | 🎡 BGM: out/demo/audio/bgm.mp3
  • 🍾 C-roll (Cold Brew Product Anchor):
    • πŸ“Ή Video: Play Video (out/demo-croll/final.mp4) | πŸ“Έ Anchor Photo: out/demo-croll/anchor_photo.jpg | πŸ–ΌοΈ Poster: out/demo-croll/keyframes/kf_1.jpg | πŸ“Ή Clip: out/demo-croll/clips/clip_1.mp4 | πŸŽ™οΈ Voice: out/demo-croll/audio/narr_1.mp3 | 🎡 BGM: out/demo-croll/audio/bgm.mp3

πŸ“‘ Table of Contents


✨ Key Features

  • 3 Input Modalities (A-roll, B-roll, C-roll):
    • B-roll (Topic β†’ Film) β€” a single one-line prompt produces a complete, captioned, narrated video
    • A-roll (Talking-Head Video β†’ Collage) β€” segment a presenter video with ASR (openai-whisper) and re-style into paper-collage while keeping real face, gestures, and lip-sync
    • C-roll (Single Photo / Product β†’ Anchored Collage) β€” cut out a selfie or product shot as a photographic sticker and build animated collage posters around it
  • Authentic Vox collage aesthetic β€” torn paper, cutouts, tape, halftone dots, newspaper clippings, bold flat color, big headlines
  • Story-first β€” picks a narrative arc (timeline, problem-agitate-solution, how-it-works…) and writes a hook-led beat map before generating anything
  • Style bake-off β€” renders the same beat in 3–4 themes so you pick the look before committing
  • Living-poster motion β€” animates each collage keyframe into dynamic motion with Google Veo 3.1
  • Voice + music + captions β€” narration (TTS or voice cloning), background music ducked under the voice, and burned-in captions, all automated
  • Two human gates, everything else automated β€” approve the beat map, pick the theme; the pipeline handles the rest
  • Agent-native β€” a self-contained skill any coding agent (Claude Code, Codex, Antigravity, …) can read and run
  • One API key + ffmpeg β€” no cluster of accounts to wire up

🎨 The Look

The aesthetic is the modern editorial paper-collage popularized by Vox explainers and creators like Stav Zilber and rom1trs: hand-cut paper cutouts, torn edges, tape, halftone dots, newspaper clippings, bold flat colors per beat, and big cutout headlines β€” brought to life with dynamic motion, a narrator voice-over, music, and burned-in captions.

The collage look is born in the image step (each beat is a finished collage poster), and the motion is added after β€” so the DNA of the style is locked in before anything moves.


πŸ”„ How It Works

A single topic, video, or photo flows through the pipeline driven by beats.json under out/<project>/:

topic / video / photo
  β”‚
  β”œβ”€ 1. Beat Map        Pick a narrative arc β†’ write beats.json          ◀── GATE 1: approve the beat map
  β”œβ”€ 2. Style Bake-Off  Render the same beat in 3–4 themes               ◀── GATE 2: pick the look
  β”œβ”€ 3. Keyframes       One collage poster per beat (nano-banana-2 / flux-dev)
  β”œβ”€ 4. Motion          Animate each poster into a clip (veo3.1-image-to-video)
  β”œβ”€ 5. Voice & Music   Narration (minimax-speech-2.6) + BGM (suno-create-music)
  β”œβ”€ 6. Assemble        Stitch clips, duck music, burn captions (ffmpeg)
  └─ final.mp4

3 Modalities:

  • B-roll (Topic β†’ Film): Topic in β†’ script β†’ keyframe posters β†’ Veo 3.1 motion β†’ TTS narration + Suno music β†’ final.mp4.
  • A-roll (Talking-Head β†’ Collage): Presenter video in β†’ Whisper ASR beat segmentation β†’ video-edit restyling β†’ audio remuxing β†’ final.mp4.
  • C-roll (Photo / Product β†’ Collage): Product photo in β†’ photographic sticker cutout β†’ anchored collage posters β†’ Veo 3.1 motion β†’ cloned voice β†’ final.mp4.

🧩 Models

Pipeline JobModel Endpoint
Keyframes / Collage Postersnano-banana-2 / flux-dev
Motion / Animationveo3.1-image-to-video / veo3.1-fast-image-to-video / runway-image-to-video
Re-style Talking-Head (A-roll)gemini-omni-video-edit / veo3.1-image-to-video
Anchor Photo in Collage (C-roll)nano-banana-2 / flux-dev
Narration (TTS)minimax-speech-2.6-turbo
Voice Cloning (C-roll)minimax-voice-clone
Background Musicsuno-create-music
Audio Transcription (A-roll ASR)openai-whisper
Background Removalremove-background

πŸš€ Quick Start

1. Install local dependencies

  • ffmpeg + ffprobe (brew install ffmpeg on macOS / choco install ffmpeg on Windows)
  • Python 3 with Pillow (pip install pillow)

2. Configure environment keys

export MUAPI_API_KEY="your-api-key"     # image / video / voice / music models β€” key from muapi.ai
export OPENAI_API_KEY="your-openai-key"  # story planning & ASR

3. Run Pipeline via Agent or CLI:

Mode 1: B-roll (Topic β†’ Film)

Ask your coding agent:

"Make me a 15-second Vox-style collage video introducing the history of coffee."

Or run CLI scripts manually:

python scripts/style_bakeoff.py out/my-topic american-retro,swiss-modern,punk-zine
python scripts/keyframes.py out/my-topic
python scripts/clips.py out/my-topic
python scripts/audio.py out/my-topic
python scripts/assemble.py out/my-topic

Mode 2: A-roll (Talking-Head Video β†’ Collage)

python scripts/asr_beats.py out/my-aroll source_presentation.mp4
python scripts/aroll_clips.py out/my-aroll
python scripts/aroll_assemble.py out/my-aroll

Mode 3: C-roll (Single Photo / Product β†’ Anchored Collage)

python scripts/croll_keyframes.py out/my-croll
python scripts/clips.py out/my-croll
python scripts/audio.py out/my-croll
python scripts/assemble.py out/my-croll

πŸ› οΈ Project Structure

.
β”œβ”€β”€ SKILL.md            # full agent workflow + approval gates
β”œβ”€β”€ AGENTS.md           # entry point for coding agents (Claude Code, Codex, Antigravity)
β”œβ”€β”€ README.zh.md        # Chinese documentation
β”œβ”€β”€ scripts/            # one script per pipeline stage
β”‚   β”œβ”€β”€ muapi_client.py    # MuAPI client wrapper
β”‚   β”œβ”€β”€ provider.py        # task queue & status polling
β”‚   β”œβ”€β”€ style_bakeoff.py   # multi-theme style candidates
β”‚   β”œβ”€β”€ keyframes.py       # B-roll collage poster generator
β”‚   β”œβ”€β”€ clips.py           # B-roll video animator (Veo 3.1)
β”‚   β”œβ”€β”€ audio.py           # TTS narration & Suno music generator
β”‚   β”œβ”€β”€ text_overlay.py    # subtitle captions & watermark generator
β”‚   β”œβ”€β”€ assemble.py        # ffmpeg video assembly, ducking & composition
β”‚   β”œβ”€β”€ asr_beats.py       # A-roll Whisper ASR beat cutter
β”‚   β”œβ”€β”€ aroll_clips.py     # A-roll talking-head video restyler
β”‚   β”œβ”€β”€ aroll_assemble.py  # A-roll clip & audio remuxer
β”‚   └── croll_keyframes.py # C-roll photo sticker anchor generator
β”œβ”€β”€ references/         # prompt guide, beat/story library, voices
└── examples/           # sample beats.json

This is an agent skill β€” Claude Code auto-loads it from SKILL.md; Codex and other agents follow SKILL.md via AGENTS.md. Just ask for a "vox video" or a "collage video."


πŸ”— Related Projects


⭐ Star this repo if it helped you β€” and explore 50+ more open-source AI apps β†’

Files in the repo

Repository payloadβ€’10 top-level entries
  • assets
  • examples
  • references
  • scripts
  • .gitignore
  • AGENTS.md
  • package.json
  • README.md
  • README.zh.md
  • SKILL.md

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More skills

Vincentwei1021/
anything2explainer

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

666

Open-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications β€” runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)

71k

Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop

86k

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagramsβ€”self-contained HTML with motion and crisp export.

57k