Skip to content
Get packs

Live Tutorial Video Maker

Records a workflow in your app and renders an annotated MP4 tutorial from real screenshots.

Source Download skill
Repository
leon-ai/leon
Stars
17,627
Licence
MIT
Files
2 files

What it does

When asked for a tutorial video, the agent demonstrates the requested steps in the owner's actual application while recording screenshots of each step. It then picks the key screenshots, adds captions and highlight outlines or arrows, and runs a bundled script that assembles them into an MP4 video. It is designed for showing how to do something on screen, not for simply performing an action.

Great for

  • Teams creating how-to videos for software they already use in the Leon environment
  • Students or support staff who want a quick annotated walkthrough of an app workflow
  • Anyone who needs a repeatable, screenshot-based demo instead of a raw screen recording

Skip it if

  • Users who want a plain screen recording or a one-off action with no video (the skill is specific to tutorial videos and needs Leon's computer-control tools)
  • Workflows that involve real purchases, publishing, deletions or security settings; the skill is told to stop before committing such changes, but a careless request could still expose live accounts during demonstration
  • Environments without Leon's managed Node.js, FFmpeg tool, and an active profile and session, since the skill cannot run without them

Try asking

  • “Create a tutorial video showing how to enable dark mode in this app”
  • “Make an annotated MP4 walkthrough of how to export a report to CSV”
  • “Record a tutorial video of how to create a new project from the start menu”
Step-by-step guide: how to use Live Tutorial Video MakerInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    live-tutorial.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip live-tutorial.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip live-tutorial.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give a specific, short workflow request (one task, one result) so the tutorial stays focused
  • Make sure the target application is open and in the state you want to start from, since the skill avoids resetting the app
  • Review the rendered MP4 and preview frames before sharing, especially if the demonstrated app shows personal or sensitive data

What's inside

  • scripts/render-tutorial.mjs
  • SKILL.md

Redistributed unmodified from leon-ai/leon under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.