whereismyai
Khan Explainer
Khan Explainer: Claude Code skill that generates Khan Academy style animated chalkboard and whiteboard MP4 explainer videos from text descriptions.
Khan Explainer is a Claude Code skill that turns plain English descriptions into Khan Academy style explainer videos. Users describe a concept, Claude generates a scene file organized by narrative beats, and local tools render the final MP4. The animation engine uses spoken audio duration to drive the drawing clock, ensuring strokes fit the exact timing of the voice. It runs locally using an HTML canvas, Playwright, ffmpeg, and macOS's built-in text-to-speech, with optional integrations for ElevenLabs, Kokoro TTS, and faster-whisper. It supports chalkboard or whiteboard visuals in landscape or vertical layouts, as well as UI screenshot overlays and real-audio clips.
Khan Explainer at a glance
- Best for: Social media creator, Writer, Marketer
- Runs on: macOS, CLI, open source
- Pricing: Free and open source under the MIT license; requires an API key for optional ElevenLabs usage.
- Released: October 2026
- Category: AI video tool
- Website: github.com/haiderfarooq3/khan-explainer
Key features
- Voice-driven drawing synchronization that sizes animation length to spoken audio beats
- Blackboard lesson mode rendering diagrams stroke by stroke with chalk or marker styles
- Draw-over-UI tutorial mode adding arrows, circles, and numbered steps to product screenshots
- Real-audio clip conversion for YouTube videos or podcasts with local faster-whisper transcription
- Talking-head cutout creation using macOS Vision and swiftc to place speakers before the board
- Multi-language drawing and voice support, including right-to-left scripts like Arabic and Hebrew
- Contact sheet generation displaying board state at the end of each beat for layout verification
- Local voice generation using Kokoro TTS alongside ElevenLabs API and macOS say integration
Use it for
- Generate 30-second conceptual whiteboard lessons on technical topics like DNS
- Build step-by-step product onboarding tutorials annotated directly over application screenshots
- Convert long YouTube videos or podcast segments into vertical short-form animated clips
Companions
Tools that articles about Khan Explainer recommend using with it, each with its job.
- Claude Code — Built to work with Claude Code.
- Context7 — Provides up-to-date documentation for AI agents and code editors.
- Playwright MCP — Enables LLMs to interact with web pages using structured accessibility snapshots.
- GitHub MCP Server — Reads pull requests, issues and code search on GitHub.
- Superpowers — Brainstorm, plan and execute skills for bigger tasks.
- gstack — Skill bundle for planning, review and shipping.
Alternatives to Khan Explainer
- Dashi Animationstyle — Generates 30fps MP4 explainer videos with seven distinct built-in styles.
- AI Anime Series — Generates complete 30-second animated episodes from a single sentence.
- Content Principles — Teaches AI how viewer minds work for original short-form content.
- Youtube Agent Skill — Eleven Claude skills handle scripts, packaging, and retention analysis without third-party APIs.
- Animate — It renders deterministic animations directly in code using built-in or custom styles.
- Ancient Rap Battle — Automates the entire workflow for AI historical rap battle videos from a single prompt.
- Claudemy — Builds custom audio courses from web research and expert writing.
- GEO SEO for Claude — Access to weekly live coaching, multiple masterclasses, and ready-to-sell client skills.
- Anything2explainer — Generates a fully coded, sourced explainer video with synchronized voiceover and subtitles.
- Vibe Knowledge — Generates complete narrated knowledge shorts with citations entirely through chat.
- Motion Skills — Generates professional motion graphics from text without manual keyframing.
- Vox Director — Automates complete video creation from scripts to motion and voice-over.
All Khan Explainer alternatives