Updated 4d ago
by sirioberati
YouTube-AI-Motion-Graphics
AI motion graphics for YouTube explainer videos: 74 animated HTML explainer boards (charts, diagrams, Venn, timeline, heatmap) synced to your voice with Whisper, exported frame by frame with Chrome + FFmpeg. Every prompt + Claude skills. By TEIN AI.
101 GitHub stars (101)
+101 in 4 days
| Period | New stars |
|---|---|
| Oct 29 | +53 |
| Oct 30 | +29 |
| Oct 31 | +6 |
- 3 skills (3 skills found in its SKILL.md files)
- 23 forks (23 forks)
- 4d ago last update (Last updated 4d ago)
Install
Skills CLI
npx skills add sirioberati/YouTube-AI-Motion-Graphics
Asks which skills and agents to install. Just one: npx skills add sirioberati/YouTube-AI-Motion-Graphics --skill board-sync — add -g for every project.
Claude Code
git clone https://github.com/sirioberati/YouTube-AI-Motion-Graphicscp -r "YouTube-AI-Motion-Graphics/skills/board-sync" ~/.claude/skills/
Copies the board-sync skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add sirioberati/YouTube-AI-Motion-Graphics
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
board-sync
Animate explainer boards to the presenter's voice. Takes the board HTMLs from Claude Design (04-boards), the final-cut WAV and its words.tsv, the marked script and the board brief; makes every element land on its spoken word; renders one clip per board and a full-length board-track.mp4; checks itself (qa-report.md with contact sheets); and writes the editor timeline for DaVinci Resolve (FCPXML) a…
skills/board-sync/SKILL.md on GitHub (opens in a new tab) -
explainer-board-brief
Decide WHAT goes on the explainer boards (slides, cards, diagrams) for a YouTube video script, before anyone designs them. Reads a pasted script line by line, finds every line, word, number and paragraph a viewer would not understand from the voice alone, groups them into one-picture boards, and writes a complete, never-empty brief that a board designer (the youtube-explainer-boards skill, Claude…
skills/explainer-board-brief/SKILL.md on GitHub (opens in a new tab) -
explainer-board-system
The look, layout and motion system for 16:9 YouTube explainer boards, in the "Clean minimal" starter theme (white paper, thin-bordered cards with one soft shadow, Inter / JetBrains Mono / Instrument Serif, one blue accent, footage tiles at true aspect, camera box bottom-right). Use whenever you design, build, review or animate an explainer board, slide, chart, diagram or end screen; when someone…
skills/explainer-board-system/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.