Not in the top 1,000 by GitHub stars

brandonvant/claude-skill-whiteboard-explainer

Claude Code skill: VideoScribe-quality whiteboard explainer videos in HyperFrames — photo-hand mask reveals, Whisper word-sync, hard QA gates

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · Line counts unavailable

Before Not checked yet → After Local scripts

First observation → fb5646e103ce

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit fb5646e103ce7f2433c5824d4bc631128f8d0a0f

12GitHub stars
Not availablestars in 7 days
1skill in this repository
0commits in 30 days

Heat

Insufficient history

Not enough history yet to measure heat. It appears after a few days of data.

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Nov 4, 2026Nov 5, 202612

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

whiteboard-explainer

When your agent uses it

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.

What it loads into context

Frontmatter

158 tokens

Always available to the agent

SKILL.md

1,785 tokens

When the skill is activated

Reference documents

3,524 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. The architecture (non-negotiable)
  2. Pipeline (gates in order — do not skip)
  3. Known failure modes (what the gates exist to catch)
  4. Audio guidance (mechanics, not taste)
  5. Poster frame for X/Twitter (offer it before rendering)

Scripts executed separately

  • scripts/coverage-check.py
  • scripts/isolate-elements.py
  • scripts/word-times.py
  • templates/reveal-engine.js

Files

  • LICENSEasset1,068 bytes
  • README.mddoc3,550 bytes
  • SKILL.mdcore7,902 bytes
  • references/art-generation.mddoc2,973 bytes
  • references/hand-prep.mddoc2,314 bytes
  • references/qa-gates.mddoc2,724 bytes
  • references/reveal-engine.mddoc3,457 bytes
  • scripts/coverage-check.pyruns1,995 bytes
  • scripts/isolate-elements.pyruns5,541 bytes
  • scripts/word-times.pyruns1,583 bytes
  • templates/reveal-engine.jsruns9,935 bytes
Read SKILL.md

# 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)
View the complete source on GitHub

Skills included

  • whiteboard-explainer

Repository facts

License
MIT
Created
Jul 9, 2026
Last pushed
Jul 9, 2026
Forks
3
Open issues
0
Project activity
Slowing

Before you install

Local scripts

Automated signals, not a guarantee

Checked Nov 6, 2026

Show all 11 signals by file

README.md

  • Network accessline 3
    A [Claude Code](https://claude.com/claude-code) skill for building VideoScribe-quality **whiteboard explainer videos** in [HyperFrames](https://www.npmjs.com/package/hyperframes) — a photographed hand appears to draw detailed illustrations 
  • Network accessline 19
    git clone https://github.com/brandonvant/claude-skill-whiteboard-explainer "$HOME/.claude/skills/whiteboard-explainer"
  • Network accessline 25
    git clone https://github.com/brandonvant/claude-skill-whiteboard-explainer "$env:USERPROFILE\.claude\skills\whiteboard-explainer"
  • Network accessline 32
    - [Claude Code](https://claude.com/claude-code)
  • Network accessline 33
    - [HyperFrames](https://www.npmjs.com/package/hyperframes) (`npx hyperframes`) — the HTML→MP4 render engine

scripts/coverage-check.py

  • Executable scriptline 1
    #!/usr/bin/env python

scripts/isolate-elements.py

  • Executable scriptline 1
    #!/usr/bin/env python

scripts/word-times.py

  • Executable scriptline 1
    #!/usr/bin/env python

templates/reveal-engine.js

  • Executable scriptline 1
    Executable file
  • Network accessline 29
    window.__timelines = window.__timelines || {}; const tl = gsap.timeline({ paused: true }); const SVGNS = "http://www.w3.org/2000/svg";
  • Network accessline 31
    const SVGNS = "http://www.w3.org/2000/svg";

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Declared and executed: 1 fact
Signal confidence: 11 facts

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.