Live Tutorial Video Maker

What it does

When your agent uses it

• Producing a how-to video of a workflow in your own app
• Creating annotated tutorial steps from real screenshots
• Documenting a settings change with captioned frames

Example prompts

• “Make a tutorial video showing how to export a report from our dashboard app.”
• “Record how to change the default currency in my accounting app, with captions in Spanish.”
• “Create an annotated MP4 that teaches how to share a folder in this app.”

Requirements

• The Leon runtime with managed Node.js and bundled ffmpeg-static
• An active Leon profile and session
• A desktop application the agent can control
• Compatibility (from SKILL.md): Leon runtime with managed Node.js, bundled ffmpeg-static, and an active profile and session.

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

1. 1Select the target application and one short route from its current view to the requested result. Demonstrate only the requested workflow…
2. 2Start computer_use.cua.start_recording with record_video: false; retain output_dir.
3. 3Use the shortest supported route: a known keyboard shortcut, an accessibility-backed action, or computer_use.cua.invoke_menu for native…
4. 4Always stop recording. Select 2–6 distinct captures from the successful route, normally one per action plus the result; omit setup, failed…
5. 5Write the manifest below with the file tool, then run the bundled renderer through the shell tool. Copy the returned artifact paths…
6. 6Check the renderer's resolvedTargets against the intended controls and the source observations. Correct any mismatch before returning…

What it can do on your machine

Read from SKILL.md and the folder at commit 2471443. It shows what the files ask for, not the result of running them.

• Tool permissions

  Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

  From allowed-tools in the SKILL.md frontmatter.

• Runs code

  Ships 1 file in scripts/ (JavaScript), which the agent can run.

  From the folder's file list and the shell code blocks in SKILL.md.

• Network

  No URLs in SKILL.md.

  From URLs in SKILL.md, links to its own repository left out.

• Credentials

  Names no API keys, tokens, secrets or passwords.

  From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

• Compatibility

  Leon runtime with managed Node.js, bundled ffmpeg-static, and an active profile and session.

  From compatibility in the SKILL.md frontmatter.

Context cost

Live Tutorial Video Maker loads about 1.4k tokens when it runs. Until then it costs about 46 tokens; SKILL.md has 700 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it

~46

When it runs · the whole SKILL.md, loaded when a task matches

~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from leon-ai/leon at commit 2471443, republished under its MIT licence (© leon-ai). 700 words, ~1,447 tokens.

name

live-tutorial

description

Create an annotated MP4 tutorial from a workflow demonstrated in the owner's actual application. Use when asked for a tutorial video, not merely to watch an action live.

compatibility

Leon runtime with managed Node.js, bundled ffmpeg-static, and an active profile and session.

metadata.author

Louis Grenard <louis@getleon.ai>

metadata.version

1.2.9

"$NODE" "$LEON_CODEBASE_PATH/skills/agent/live-tutorial/scripts/render-tutorial.mjs" --manifest "/exact/path/to/tutorial.json"

{
  "outputDir": "<output_dir from start_recording>",
  "steps": [
    {"screenshotPath": "<pre-action PNG path>", "targetToken": "<element_token from this exact capture>", "instruction": "Open the relevant setting."},
    {"screenshotPath": "<result PNG path>", "instruction": "Read the displayed value."}
  ]
}

© leon-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (scripts) in skills/agent/live-tutorial of leon-ai/leon.

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

Open the folder on GitHubat commit 2471443