Updated 3mo ago
by BusyBee3333
animated-explainer-skills
Build Kurzgesagt-quality animated explainer videos as one self-contained HTML file — GSAP choreography patterns, YouTube-retention method, overlap auditor, ElevenLabs VO pipeline. Claude Code skills + standalone tools. MIT.
22 GitHub stars (22)
+12 in 18 days
| Period | New stars |
|---|---|
| Oct 20 | 0 |
| Oct 21 | 0 |
| Oct 22 | 0 |
| Oct 23 | 0 |
| Oct 24 | 0 |
| Oct 25 | +2 |
| Oct 26 | 0 |
| Oct 27 | +1 |
| Oct 28 | 0 |
| Oct 29 | 0 |
| Oct 30 | +1 |
| Oct 31 | 0 |
| Nov 1 | 0 |
| Nov 2 | +2 |
| Nov 3 | 0 |
| Nov 4 | +1 |
| Nov 5 | +2 |
| Nov 6 | +3 |
- 4 skills (4 skills found in its SKILL.md files)
- 7 forks (7 forks)
- 3mo ago last update (Last updated 3mo ago)
Install
Skills CLI
npx skills add BusyBee3333/animated-explainer-skills
Asks which skills and agents to install. Just one: npx skills add BusyBee3333/animated-explainer-skills --skill explainer-assets — add -g for every project.
Claude Code
git clone https://github.com/BusyBee3333/animated-explainer-skillscp -r "animated-explainer-skills/skills/explainer-assets" ~/.claude/skills/
Copies the explainer-assets skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add BusyBee3333/animated-explainer-skills
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.
-
explainer-assets
Generate crafted SVG/CSS components, props, characters, and environments for animated explainer videos — the build order, light rules, factory patterns, and engineering contracts that make assets read as illustrated objects AND survive choreography. Use when creating or upgrading any visual asset: a prop, mascot, component system, or background world.
skills/explainer-assets/ on GitHub (opens in a new tab)SKILL.md -
explainer-studio
The guided end-to-end path for building an animated explainer video from zero — walks you phase by phase (script → assets → choreography → retention → gates → voiceover → publish), telling you which skill and tool to use at each step and what "done" means before advancing. Use when starting a new explainer video, when unsure what to do next mid-build, or when someone asks to be guided through the…
skills/explainer-studio/ on GitHub (opens in a new tab)SKILL.md -
gsap-explainer
Build a Kurzgesagt-quality GSAP-powered animated explainer video — a self-contained HTML file that plays like a produced YouTube video: layered worlds, character populations, physics-feeling choreography, a flying host mascot, seekable player chrome. Use when the user wants a high-production explainer/YouTube video, a "GSAP video", or a step up from a CSS-only animated explainer.
skills/gsap-explainer/ on GitHub (opens in a new tab)SKILL.md -
retention-pass
Run a 3-round YouTube-retention optimization pass on an animated explainer video (GSAP or CSS-only harness) — audit the hook/peak loop, kill dead zones, align scene length to choreography, add late B-beats, then verify with freeze-frames. Use when the user wants a video "optimized for retention", a "retention pass", or before publishing/recording VO for any explainer.
skills/retention-pass/ on GitHub (opens in a new tab)SKILL.md
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.