Guide · Agent skill
How to use the Live Tutorial agent skill to make annotated MP4 tutorials
Updated · written with AI from the project's own documentation and checked against our catalogue data
The live-tutorial skill is an agent skill, a packaged set of instructions and a script that an AI agent can load to do a specific job. This one turns a workflow the agent performs in a desktop application into an annotated MP4 tutorial video. This guide explains what the skill does, how to install it, how to ask for a tutorial in a way that triggers it, and what it needs to run.
Live Tutorial Video Makerleon-ai/leon · MIT Download the skill Quick start
- 1Download the ZIP. Download the live-tutorial skill ZIP from this page.
- 2Unzip into the skills folder. Unzip into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder.
- 3Confirm the requirements. Make sure Leon has managed Node.js, the FFmpeg tool, an active profile and session, and computer_use.cua tools enabled.
- 4Ask for a tutorial video. Name the app and the result, and say you want a tutorial video or annotated MP4.
- 5Let the agent demonstrate the workflow. The agent records the steps in your application and takes screenshots of each one.
- 6Review the MP4. Check the captions and highlights in the returned video against what was actually done on screen.
What the live-tutorial skill makes the agent do
When you ask for a tutorial video, the agent demonstrates the requested steps in the application you own while recording a screenshot of each step. It then selects the key screenshots, adds captions and highlight outlines or arrows, and runs a bundled script (scripts/render-tutorial.mjs) that assembles them into an MP4 file.
The skill is built for showing how to do something on screen. It is not meant for simply performing an action for you, and it is not a plain screen recording.
Install the live-tutorial skill
Download the skill ZIP from the page where you found this guide. Then choose one of the following options.
For a personal setup, unzip the folder into ~/.claude/skills/. For a single project, unzip it into the project's .claude/skills/ folder. You can also upload the skill in the Claude apps under Settings → Capabilities → Skills.
- Personal: unzip into ~/.claude/skills/
- Project: unzip into .claude/skills/ inside the project
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Check the requirements before you start
The skill needs the Leon runtime with managed Node.js, the FFmpeg tool that Leon provides, and an active Leon profile and session with computer-use (computer_use.cua) tools enabled. It also needs access to the target desktop application you want to demonstrate.
No system-wide Node, Python or FFmpeg installation is needed, according to the skill's instructions. The skill does not use the network.
- Leon runtime with managed Node.js
- FFmpeg tool (provided by Leon)
- Active Leon profile and session with computer_use.cua tools enabled
- Access to the target desktop application
Trigger the skill with a natural request
The skill is meant for requests that ask for a tutorial video. Name the application and the result you want, and say that you want a video. Requests to simply watch or perform an action live will not match this skill.
Write captions in the language of your request. App control names stay as they appear on screen.
- Make a tutorial video showing how to turn on dark mode in the Settings app.
- Create an annotated MP4 walkthrough of how to export a report from the spreadsheet app.
- Record a how-to video showing where to find the invoice template in our accounting app.
Understand how the agent runs a tutorial
The agent starts a recording, uses the shortest reliable route (a keyboard shortcut, an accessibility action or a native menu), and captures the starting state before acting. It then picks two to six distinct screenshots from the successful route, usually one per action plus the result. Failed attempts and retries are left out.
The agent writes a manifest file and runs the bundled renderer. It then checks the targets it highlighted against what it actually saw before returning the finished video.
- Starts recording with record_video set to false
- Stops recording when the demonstration is done
- Writes a manifest and runs the renderer
- Checks highlighted targets before returning the MP4
What people use it for
- Teams making how-to videos for software they already use in the Leon environment
- Students or support staff who need a quick annotated walkthrough of an application workflow
- Anyone who needs a repeatable, screenshot-based demo instead of a raw screen recording
Frequently asked questions
How do I install the live-tutorial agent skill?
Download the skill ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings → Capabilities → Skills.
What does the live-tutorial skill require?
It requires the Leon runtime with managed Node.js, the FFmpeg tool provided by Leon, an active Leon profile and session with computer_use.cua tools enabled, and access to the target desktop application. Without these, the skill cannot run.
Is the live-tutorial skill free and what is its licence?
The source lists the licence as MIT. This page does not state any price, so check the directory listing for cost details.
Does the skill use the internet?
No. The source says the skill does not use the network. It does run scripts, specifically scripts/render-tutorial.mjs.
Can it just record my screen instead?
Not for that purpose. The skill makes annotated MP4 tutorials from captured screenshots. If you only want a plain screen recording or a one-off action, this skill is not the right fit.
Will it complete purchases, publish or delete things for me?
The skill is told to stop before committing purchases, publishing, deletions or security settings unless you explicitly authorize them. A careless request could still expose live accounts during demonstration, so use test data where you can.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose live-tutorial if you are a team, student or support worker who needs repeatable, annotated how-to videos for an application running in the Leon environment. Skip it if you want a plain screen recording, a one-off action, or you cannot provide Leon's Node.js, FFmpeg, profile and session setup.
Download the skill