Whiteboard Video

Make hand-drawn whiteboard explainer videos (animated marker drawings, voice-over, burned-in captions, MP4) on any topic. Use this whenever the user wants an explainer video, a whiteboard or "drawn" animation, an animated explainer for a talk, a short video for X/LinkedIn/YouTube that explains a concept, or asks to turn a script, article, slide deck or topic into a narrated video, even if they don't say "whiteboard". It interviews the user for context, writes and fact-checks a scene-by-scene script for approval, offers voice-over options with audio samples (free macOS voices, ElevenLabs, OpenA

19 stars 4 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add Matteoikarieth96/whiteboard-video-skill --skill whiteboard-video
Manual install
git clone --depth 1 https://github.com/Matteoikarieth96/whiteboard-video-skill.git /tmp/whiteboard-video-skill
mkdir -p ~/.claude/skills
cp -r /tmp/whiteboard-video-skill/. ~/.claude/skills/whiteboard-video

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Whiteboard video

Turn a topic into a narrated whiteboard video: a marker draws each scene in sync with the voice, the board slides to the next scene, captions run at the bottom, and the result is an MP4.

Paths below are relative to this skill's folder. The engine lives in `scripts/`, a starter project in `assets/template/`, two complete examples in `examples/`.

## Why the workflow looks like this

A whiteboard video is cheap to re-render and expensive to re-think. Most wasted effort comes from drawing scenes for a script the user did not want, or from a voice they dislike. So the order is: context, then script approval, then voice choice, then drawing. Each gate is short, and each one saves a render.

## Step 0: one-time setup check

Run these once per machine and fix what is missing before promising a video:

```bash
node --version        # 18 or newer
python3 --version     # 3.9 or newer
ffmpeg -version       # brew install ffmpeg / apt install ffmpeg
cd scripts && npm install   # installs puppeteer-core (uses the local Chrome, no browser download)
```

Chrome, Chromium or Edge must be installed. If it is somewhere unusual, set `CHROME_PATH`.

## Step 1: gather context

Read `references/interview.md` for the full question list. First harvest everything the user already said in this conversation, and only ask what is still missing. Use the question tool when available so the user can answer quickly. The essentials:

- topic and the one idea the viewer should leave with
Read the full skill on GitHub

Details

Skill name
whiteboard-video
License
MIT
Repo updated
26 October 2026

FAQ

What does the Whiteboard Video skill do?

Make hand-drawn whiteboard explainer videos (animated marker drawings, voice-over, burned-in captions, MP4) on any topic. Use this whenever the user wants an explainer video, a whiteboard or "drawn" animation, an animated explainer for a talk, a short video for X/LinkedIn/YouTube that explains a concept, or asks to turn a script, article, slide deck or topic into a narrated video, even if they don't say "whiteboard". It interviews the user for context, writes and fact-checks a scene-by-scene script for approval, offers voice-over options with audio samples (free macOS voices, ElevenLabs, OpenA

How do I install the Whiteboard Video skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Matteoikarieth96/whiteboard-video-skill --skill whiteboard-video. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Whiteboard Video popular?

It lives in Matteoikarieth96/whiteboard-video-skill, which has 19 GitHub stars and 4 forks.

Related skills

Reference Led Ugc Product Video

18

TuolaGe/reference-led-ugc-product-video

制作、返工或创意验收以参考视频的注意力节奏、证据顺序和镜头功能为骨架的 9:16 UGC 商品视频或 Fashion Reels。适用于包含人物表现、穿搭/上脚、精确商品多角度或多类动态证据的复杂任务,也适用于诊断成片不像参考、商品生成变形、人物站桩、静态广告感或嘴型表情过大的问题。不用于单镜头 talking head、简单字幕/转码、普通拼接或无需参考节奏重建的简单单一 B-roll。

Images, Video & Audio

Html2video

19

cclank/lanshu-html2video-skill

Turn a web article URL into a polished 1920x1080 edited video (MP4) — code-driven editing with Remotion, not AI video generation. Use this whenever the user wants an article, blog post, research page or changelog made into a video, or says 文章转视频, 网页转视频, 把这篇做成视频, article-to-video, url-to-video, or asks for an explainer or montage cut of written content. It harvests the page's real structure, full-resolution figures and design tokens, mines the content for what matters (including the caveats most tools skip), commits to a reviewable storyboard.json, then renders through a hardened Chinese-typogr

Images, Video & Audio

Teable Assistant Ops

16

teableio/agent-skills

Operate Teable projects — tables, fields, views, records, SQL queries, automations, headless routines, apps, image generation, and web scraping. Trigger when user mentions Cuppy, Teable, teable CLI, or Teable-style IDs (bseXXX, tblXXX, fldXXX, recXXX, viwXXX), or wants to manage tables/fields/records, build dashboards/apps, generate images or charts, create automations, import/export data, trigger AI fill, or scrape websites (LinkedIn, Amazon, YouTube, etc.) — even if they don't explicitly say "Teable" but are clearly working with a Teable project (called base in the API).

Images, Video & AudioIn 1 list

Fish Audio

17

AceDataCloud/Skills

Generate text-to-speech, find saved voices, create a persistent public voice model, or make a one-shot clone from an HTTPS audio URL and exact transcript via AceDataCloud API.

Images, Video & AudioIn 1 list

Motion Kit

17

kiselas/every-frame-is-code

Code-drawn motion graphics, animated videos, explainers of 1-3 minutes with a story, kinetic typography, transitions, editing, Three.js scenes, pixel-art and retro films (fixed palettes, dithering, chiptune, demoscene effects) and browser games with strong game feel. Use when you need to make a good-looking animation, video, explainer, intro, interactive scene or game in HTML/JS and render it to MP4, or to break down a reference video.

Images, Video & Audio

Whisper Skill

17

Mobiss11/Whisper-Skill

Используй этот скилл когда пользователю нужна локальная транскрибация аудио/видео через Whisper, голосовой ввод (диктовка вместо клавиатуры, push-to-talk hotkey), или вшивание субтитров в MP4 в стиле CapCut. Активируй при задачах "транскрибируй файл/папку/TikTok/YouTube/подкаст", "сабы для shorts/reels/тиктока", "speech-to-text локально", "speaker diarization", "диктовка голосом", "Superwhisper alternative", "Wispr Flow alternative", "voice dictation". Скилл автоматически определяет ОС/CPU/GPU и подбирает оптимальный бэкенд (faster-whisper / whisper.cpp / whisperx / mlx-whisper / openvino) и м

Images, Video & Audio14

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.