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

Canvas Director

Build illustrated explainers from a canvas template, with local transcript-timing helpers, cartoon-host animation and HyperFrames rendering.

  • 25 free runs a month
  • Runs locally in your agent
  • v1.0.1
  • SkillGild
skillgild install canvas-director
Works with
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • Antigravity
and any MCP client

License: SEE LICENSE IN LICENSE · Created by SkillGild

Free

What you get

  • Build illustrated explainers from a canvas template, with local transcript-timing helpers, cartoon-host animation and HyperFrames rendering.
  • An editable canvas animation template
  • Whisper transcription and transcript-timing helpers
  • Amplitude-based mouth animation and a frame-check harness

Is it a good fit?

Good for

  • Creators making animated explainers with a coding agent.
  • A project starting from A voiceover MP3 and the script or story you want to animate.

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.

Install the Canvas Director 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 canvas-director --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 canvas-director
skillgild end <session-id>

Questions

What does Canvas Director do?

Build illustrated explainers from a canvas template, with local transcript-timing helpers, cartoon-host animation and HyperFrames rendering.

What input does Canvas Director need?

A voiceover MP3 and the script or story you want to animate. Supply the media locally and confirm its rights before starting.

Do I need to install another video skill?

No. Run skillgild install canvas-director --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 Canvas Director Free or Pro?

Free, with 25 SkillGild sessions per calendar month. Local model and rendering costs are separate.

What needs checking before using Canvas Director?

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.

Related guides

Setup steps and worked examples for this kind of skill.

Reviews

No reviews yet

Used Canvas Director? Your rating helps the next person decide.

Be the first to rate Canvas Director
Tap a star
View all