Talking Explainer skill
A Claude Code skill for narrated explainers with a cartoon presenter, lip sync to your voice, poses on cue words and your brand
- 73 ★ on the repository
- Last commit
Extended access
Why this level
- The skill runs tool installs, renders and ffmpeg scripts on your computer and writes files to the folder you chose
- Your voice recording and script may go to ElevenLabs and a film sometimes shows your app, so a list of what is visible is approved before rendering
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/talking-explainerDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skill runs tool installs, renders and ffmpeg scripts on your computer and writes files to the folder you chose
- Your voice recording and script may go to ElevenLabs and a film sometimes shows your app, so a list of what is visible is approved before rendering
This is third-party code. Review the repository files before installing.
What it does
The skill turns a topic into a narrated motion-design explainer. A cartoon presenter really talks: the mouth changes shape to your recording, the pose changes on chosen words and the eyes blink. Short text and clean scenes animate in time with every word, and your logo opens the film, sits in the corner and closes it with a call to action. The format is 1920x1080 at 60 fps, with a 9:16 portrait version for TikTok, Reels and Shorts on request. The workflow goes like this. Claude researches the topic and writes a hook-first script with one everyday analogy, about twelve short paragraphs. You record the whole script in one take and the visuals are built around your timing. faster-whisper turns the take into word-level timings that serve as the cue sheet for everything else. The storyboard has one frame per paragraph with a camera push and an emphasis on a chosen word, and you approve it before building. Parallel AI workers build the scenes against one plan, and Claude reviews each from contact sheets. The voice is loudness-mastered and music ducks under it. The 60 fps render is checked for seams between scenes, then the finished file is transcribed again and checked against the script timings. The `node install.mjs` installer puts three skills into `~/.claude/skills/`: `talking-explainer`, `explainer-kit` and the `spatial-film` engine. You can also create your own character from three prompts for an image generator.
Who it is for. Authors of educational videos, marketers and bloggers who want narrated clips with a presenter and brand styling without manual editing.
Good fit when
- You want a "how email marketing works" video with a presenter whose mouth moves to your recording
- A brand must open and close every video with a logo and a call to action
- A horizontal video needs a portrait version for TikTok, Reels and Shorts
- The recording was redone and the video must be re-timed without rebuilding scenes
Not a fit when
- You need a quick turnaround in minutes: one film takes a 1–3 hour session because of parallel agents
- You have no microphone and no ElevenLabs voice clone: one of the two voice routes is required
- You need a computer without ffmpeg and Python: the tools are installed separately
Example request
Make a talking explainer about how email marketing works, with my logo and a portrait version for Reels.Limitations
It needs a paid Claude plan, Windows 10 or 11 or macOS, about 5 GB of space, Node.js 20 or newer, Python 3.10 or newer (3.12 recommended) and ffmpeg. Narration needs a clone of your own voice in ElevenLabs (Starter plan or higher) or a microphone recording. A dedicated GPU makes rendering much faster. One film uses several parallel agents and takes one to three hours of session time, so it spends a lot of limits.
The demo presenter art and the bundled fonts and icons are licensed separately: the project is MIT with exceptions, see LICENSE. Solar icons by 480 Design require credit in the video description. Claude never installs system tools without asking: the setup check lists what is missing together with install commands.
How to disable. Delete the three skill folders `talking-explainer`, `explainer-kit` and `spatial-film` from `~/.claude/skills/` and the `~/.talking-explainer/` folder with the brand and voice profile. Finished films live in the folder you chose and are deleted by hand.
FAQ
How do I install Talking Explainer?
Install Node.js, Python and ffmpeg, then pull the helper skills with `npx hyperframes skills update general-video hyperframes-animation media-use`. Download the release or clone the repository and run `node install.mjs`.
What do I say to start?
Say, for example, "make a talking explainer about how email marketing works". On first run Claude sets up the brand, voice and presenter profile and saves it to `~/.talking-explainer/profile/`.
Do I need a voice clone?
One of two routes is needed: a clone of your own voice in ElevenLabs or a recording of yourself on a microphone in a quiet room. The skill gives the script as text and waits for one MP3 recording.
Can I use my own character instead of the demo one?
Yes, say "make my own talking character". Claude gives three image prompts, cuts the results into sprites, fits blinks and six mouth shapes and shows review sheets for approval.
How do I make a portrait version?
Say "make a portrait version for TikTok": a 1080x1920 cut appears in a new folder and the 16:9 film stays untouched.
Discussion
No questions or reviews yet.
Related
SkillsThe video-explainer skill turns a script into a vertical 9:16 explainer: narration, captions, Remotion and a pre-render review
A Claude Code skill that makes a Korean motion-graphics video from one request, from script to ElevenLabs voice, music and QA
Eleven Claude Code skills turn a talking-head clip into reels: titles, graphics behind you and split screen
A Claude Code and Codex skill that turns a topic into a narrated motion-graphics explainer video on Remotion with subtitles and chapters
A skill that turns narration text into a 20-second chunky-pixel explainer at 1920×1080 with voice-over and an editable project.
Claude Code skill that turns one topic into a 60-second Vox-style explainer: script, keyframes, animation, voiceover and music.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| Talking Explainer (this card) | no | 73 | |
| vox-explainer | no | 220 | makes an explainer video on a topic, while this one adds a talking presenter with lip sync and a sync check on the render |
| HyperFrames | no | 83,283 | an HTML video engine on which this skill is built, adding the script, presenter and brand |
README in short
The description shows the talking presenter in a GIF and lists what the author gets: a script in their voice, a lip-synced presenter, motion on words, a brand and a check before posting. It then covers requirements, a three-step install, the first film, how a film is made and a custom character.
README badge
Original SKILL.md
---
name: talking-explainer
description: Talking Explainer - turn a topic into a narrated 16:9 (1920x1080, 60fps) motion-design explainer where a TALKING cartoon presenter (real lip sync - six mouth shapes driven by the voice, poses on cue words, blinks) explains it in the user's own voice, with short basic-English kinetic text on screen, in a sleek APPLE product-page look (white light, Geist type, glass cards, critically damped springs, Solar icons, a lens spine), a camera push-in and an emphasis beat on every scene, and the user's own brand (logo open, corner logo, end card with their call to action). Hook-first script in the user's speaking style -> they record the take -> storyboard -> parallel scene workers -> render with word-sync and zone proof. MUST USE when the user says "talking explainer", "talking mascot", "make the mascot talk", "lip sync explainer", "explainer with a talking character", or asks for an explainer video where the presenter speaks. Also covers: making the user's OWN talking character from 3 image prompts, swapping a finished film's voice take or language (retime, not rebuild), a PORTRAIT 9:16 TikTok / Reels / Shorts cut of a finished film (port, not rebuild), and "how it works" walkthroughs with real apps and real logos. Runs on the explainer-kit + spatial-film skills installed next to it.
---
# Talking Explainer
The voice is the clock, the presenter TALKS (lip sync), every idea is an everyday picture first, every scene has a
zoom and an emphasis moment, the look is Apple, and the film carries the user's brand. Worked example: "REA -
Reverse Engineer Anything" (129.0s, 12 scenes) - `references/example/` (SCRIPT, STORYBOARD, RETIME).
Paths used below:
- `<skill>` = this skill's folder. `<kit>` = `<skill>/../explainer-kit`. `<engine>` = `<skill>/../spatial-film`.
- `<home>` = `TALKING_EXPLAINER_HOME` or `~/.talking-explainer`; profile = `<home>/profile/` (shared with explainer-kit).
- `<py>` = the `python` command saved in `<home>/config.json` by setup-check (`py -3.12` on Windows, `python3` on macOS).
Run every film script from the film project root. Scripts are proven code - run them, never regenerate them. Judge
scenes by contact sheets, never by reading scene HTML in the main session. Workers get file PATHS.
## Setup (first run only)
No `<home>/profile/brand.json` yet = run explainer-kit's **Phase S** (setup-check, brand interview + `profile.mjs
init`, `voice.md`, music). Its brand interview sets the presenter's name (`--presenter`). Two more things for this
skill, asked in the same interview:
- **The opener and closer lines** in `voice.md`, word for word, with the user's first name (the hook opener is
"<claim>? Is it true? <name> here, from <brand>... let's break it down.").
- **The presenter:** the bundled talking demo (a deadpan cartoon guy with glasses), or their own character - see
"Your own talking character" below.
## Defaults (do not re-ask)
- **Narration** in the profile's language, in the user's style from `voice.md`. **On-screen** = short basic English
(~6 words per headline line). Length is free if the message lands (~150-160 wpm on a natural take).
- **The user records the take** from the script (their ElevenLabs voice clone or their own mic). Phase 1 hands
over the script as paste-ready paragraphs and WAITS for one MP3. Generating it through the API instead
(`<engine>/scripts/el-tts.py`, key in env `EL`, never on disk) only when they ask.
- **Opener = hook first:** open on the topic's most surprising claim as a question, then the opener line from
`voice.md`. The topic's NAME comes in paragraph 2. Closer = the closer line from `voice.md` + the profile's `cta`.
- **Concept topics** get ONE everyday analogy told literally (REA: a cafe's secret latte recipe). **"How it works"
topics about the user's own tool or system** get a walkthrough of the real thing instead - `references/real-apps.md`.
So do **third-party tools and platforms**: name the real products, walk the real request flow, and use the
platforms' own copy, settings and numbers read off their live pages. Default to the walkthrough for any tech topic.
- **Short cut (<= 30s):** ~2.6 words/s, 4 paragraphs = 4 frames (hook + ident / name / the one picture / close),
a one-line closer, 2 workers x 2 scenes.
- **Issue / news topics:** research the live reporting first (local outlets + one deep piece), then write it
balanced: every claim gets its owner in the voice ("according to the agency...", "critics say..."), the fear gets
its real scale, then a numbered grey-areas run where official statements contradict each other or a key detail
is not public, a fair upside paragraph, and a takeaway of questions to ask - never a verdict. Anything only a
search summary said (the page itself failed to load) stays in SCRIPT.md's facts block marked "Unverified, NOT
voiced". 16 frames / ~700 words is fine for these.
- **Script from a pasted transcript:** keep the source's facts and its order of ideas, rewrite every line in the
narrator's voice (never translate it line by line), and cut the source presenter's own parts ("I built...", code
demos, their name). Long pastes get truncated around 50k characters: name where the cut fell in SCRIPT.md, then
fill the missing part from the standard mechanism, checked like any other claim. Save the paste to
`references/source-transcript.txt` on day one, and keep the source's named people and milestones.
- **Real people = person cards, never name tags:** portrait (duotone photo or illustrated likeness) + name + one-line
role + year. List every named person with their scene in SCRIPT.md under "People on screen".
- **Look = Apple:** white light (`#F5F5F7` ground), Geist with size-specific tracking, faked glass (`.ap-glass` -
never `backdrop-filter` inside the 3D rig), `.ap-window` / `.ap-dark` panes, critically damped `sp()` springs
(`back.*` banned), restraint (one idea per frame, pulses <= 1.1), a blue LENS spine. Colour = meaning, rewritten