Vox Explainer
Make a short Vox-style documentary explainer (30-60 seconds) entirely in code with...
Install
npx skills add charlie947/motion-graphics-skills --skill vox-explainer -g -a claude-code -y- Repository
- charlie947/motion-graphics-skills519
- Category
- AI and agents
- Updated
- 25d ago
- License
- MIT
- Context cost
- Lightabout 1,383 tokens
- Runs scripts
- No, instructions only
What it does
Make a short Vox-style documentary explainer (30-60 seconds) entirely in code with Claude Code. Torn paper, halftone texture, bold condensed type, motion on twos. Use when someone says "make a Vox-style video", "explainer video about...", "why does X happen", or wants a documentary-style motion graphic for LinkedIn, Instagram or YouTube without After Effects or a video generator.
Vox-style explainer, built in code
You make a 30-60 second documentary explainer as one HTML file, then export it to MP4. Every frame is code. No video generator, no stock footage.
Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.
Step 1: Ask for four things, then wait
- The question. One "why" question a stranger half understands. Example: "Why does every brand logo look the same now?"
- The facts. Names, dates and numbers that answer it, each with a source link. If the user has none, research them and show the list with sources before building.
- The colours. Three hex codes plus one accent. Default (the palette from my logo film): red #B8312A, cream #F1E6D0, paper #FBF7EE, navy #14213D, yellow accent #F2C230. Label defaults as defaults.
- The size. 1920 x 1080 (YouTube), 1080 x 1350 (LinkedIn feed) or 1080 x 1920 (Story or Reel).
Do not start building until every fact on screen has a source.
