Individual skill

whiteboard-explainer

Build VideoScribe-quality whiteboard explainer videos in HyperFrames — the photo-hand mask-reveal architecture with per-element isolated artwork, Whisper word-timestamp sync, and hard QA gates that prevent the classic failure modes (elements cut off or overlapping, draws out of sync with the voiceover, graphics visible before the hand reveals them, low-detail art). Use whenever the user asks for a whiteboard / hand-drawn / sketch-style / "drawn by a hand" explainer video. This skill governs MECHANICS only — visual style (fonts, palette, art direction, music) is designed fresh per project and must never be copied from a previous video.

SKILL.md

Read pinned source

Source commit fb5646e103ce7f2433c5824d4bc631128f8d0a0f

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: Yes
Skill scan complete: Yes
Observed behavior: Local scripts
Last checked: Nov 6, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Claude Code

Destination .claude/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.claude/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.claude/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Codex

Destination .agents/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.agents/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.agents/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Cursor

Destination .cursor/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.cursor/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.cursor/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Gemini CLI

Destination .gemini/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.gemini/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.gemini/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

GitHub Copilot

Destination .github/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.github/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.github/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

OpenCode

Destination .opencode/skills/claude-skill-whiteboard-explainer

(
  set -euo pipefail
  destination='./.opencode/skills/claude-skill-whiteboard-explainer'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/brandonvant/claude-skill-whiteboard-explainer.git' "$work/repo"
  git -C "$work/repo" checkout --detach fb5646e103ce7f2433c5824d4bc631128f8d0a0f
  git -C "$work/repo" archive --format=tar 'fb5646e103ce7f2433c5824d4bc631128f8d0a0f' > "$work/skill.tar"
  mkdir -p -- './.opencode/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Repository context

Repository stars (not skill ratings): 13
Repository last updated: Jul 9, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

claude-code Repository topic
claude-skill Repository topic
explainer-video Repository topic
hyperframes Repository topic
whiteboard-animation Repository topic
engineering Derived category
design Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

LICENSEasset · 1,068 bytes
README.mddoc · 3,550 bytes
SKILL.mdcore · 7,902 bytes
references/art-generation.mddoc · 2,973 bytes
references/hand-prep.mddoc · 2,314 bytes
references/qa-gates.mddoc · 2,724 bytes
references/reveal-engine.mddoc · 3,457 bytes
scripts/coverage-check.pyruns · 1,995 bytes
scripts/isolate-elements.pyruns · 5,541 bytes
scripts/word-times.pyruns · 1,583 bytes
templates/reveal-engine.jsruns · 9,935 bytes

Read excerpt


# Whiteboard Explainer

Produces a whiteboard-animation explainer where a photographed hand appears to
draw detailed illustrations and hand-written labels on paper, in sync with a
voiceover. Built on HyperFrames — read `/hyperframes` and `/hyperframes-core`
for the composition contract; this skill adds the whiteboard-specific
architecture and its non-negotiables.

**Style freedom clause (hard rule):** this skill never prescribes fonts,
colors, art styles, subjects, or music. Design every video's look fresh with
the user. Only the mechanics below are fixed.

## The architecture (non-negotiable)