Diwali Special40% off every SkillGild Pro plan

Claim 40%

Halloween Special40% off your first 3 months of SkillGild Pro

Code FESTIVE40Claim 40%

Festive Special40% off your first 3 months of SkillGild Pro

Code FESTIVE40Claim 40%
SkillGild
Sign inCreate account
Animated Explainers

The Diagramist

Build a voiceover-led explainer with source-backed diagrams, credited footage and numbers revealed with the narration.

  • Included with SkillGild Pro
  • Runs locally in your agent
  • v1.0.1
  • SkillGild
skillgild install the-diagramist
Works with
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • Antigravity
and any MCP client

License: SEE LICENSE IN LICENSE · Created by SkillGild

Pro

What you get

  • Build a voiceover-led explainer with source-backed diagrams, credited footage and numbers revealed with the narration.
  • Diagrams that build with the narration
  • Source-backed number callouts
  • Credited footage and word-highlight captions

Is it a good fit?

Good for

  • Creators making animated explainers with a coding agent.
  • A project starting from your voiceover MP3, the topic, and any source links.

Not for

  • A hosted rendering service or a guaranteed one-click edit; the workflow runs in your coding agent.
  • Media you do not have rights to use, or recreating a public figure or another show's branding.

Requirements

  • A coding agent that can read local files and run commands, with access to your own or licensed input media.
  • Node.js 22+ and npm for HyperFrames 0.8.193; ffmpeg/ffprobe for local media processing and MP4 export.
  • Python 3 plus Whisper CLI and a downloaded speech model when deriving timings from audio. Supply a corrected transcript for captions.
  • numpy and librosa for the bundled amplitude-based mouth helper when a character speaks. Separate voices or speaker labels are needed for multi-speaker scenes.
  • A voiceover, source links and facts to check. Supply owned or licensed subject footage; no footage library is bundled.

Install the The Diagramist skill

Choose your agent and run one command. SkillGild signs you in when needed and connects the skill for you.

Install the SkillGild CLI first. If you already have it, run skillgild update once.

  1. Install this skill for Claude Code.

    Terminal
    skillgild install the-diagramist --agent claude-code

    On first use, approve the sign-in request in your browser. SkillGild connects Claude Code automatically. Restart or reload your agent, then ask it to use this skill.

Developer detailsAPI examples, server tools and input schemas

How it runs

  1. Your agent starts a session. SkillGild checks your access and allowance, counts one run, and sends the skill's instructions for this task.
  2. Your agent does the work with its own model and tools, in your project. SkillGild makes no AI model call.

Use it from code

Start a session, follow its guide, then end it. Create an API key under Account and pass it as a bearer token.

Terminal
# Prints the session ID, its tools and the instructions for your agent
skillgild session the-diagramist
skillgild end <session-id>

Questions

What does The Diagramist do?

Build a voiceover-led explainer with source-backed diagrams, credited footage and numbers revealed with the narration.

What input does The Diagramist need?

your voiceover MP3, the topic, and any source links. Supply the media locally and confirm its rights before starting.

Do I need to install another video skill?

No. Run skillgild install the-diagramist --agent claude-code, or choose codex, cursor or gemini-cli. Each listing includes its own shared engine resources; no sibling skill is required. Your agent then follows this skill's session guide.

Where does the work run?

In your coding agent on your computer, using local rendering and transcription tools. The package includes a template and timing helpers. Extra models and specialist tools in Requirements are supplied separately.

Is The Diagramist Free or Pro?

Included with SkillGild Pro, using your plan's session allowance. Local model, rendering and any external service costs are separate.

What needs checking before using The Diagramist?

Node.js 22+ and npm for HyperFrames 0.8.193; ffmpeg/ffprobe for local media processing and MP4 export. Python 3 plus Whisper CLI and a downloaded speech model when deriving timings from audio. Supply a corrected transcript for captions. numpy and librosa for the bundled amplitude-based mouth helper when a character speaks. Separate voices or speaker labels are needed for multi-speaker scenes. A voiceover, source links and facts to check. Supply owned or licensed subject footage; no footage library is bundled.

Related guides

Setup steps and worked examples for this kind of skill.

Reviews

No reviews yet

Used The Diagramist? Your rating helps the next person decide.

Be the first to rate The Diagramist
Tap a star
View all