A workflow for creating a 30–60 second narrated and captioned product-demo video as an MP4.

Use it to demonstrate product features, browser flows, or app interactions. It can also produce GIFs when the workflow calls for one.

It turns a feature or user flow into a shareable video without requiring you to plan, record, narrate, caption, and assemble each part manually.

How tandryukha/aidemo configures Claude Code

Reuse

Borrowing it

Nothing to install: this file belongs to tandryukha/aidemo. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/tandryukha/aidemo/main/.claude/skills/record-demo/SKILL.md

Clone the repo

git clone --depth 1 https://github.com/tandryukha/aidemo

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/tandryukha/aidemo/record-demo/github.svg)](https://agentmods.dev/skills/tandryukha/aidemo/record-demo)

Your own site

<a href="https://agentmods.dev/skills/tandryukha/aidemo/record-demo"><img src="https://agentmods.dev/badge/skills/tandryukha/aidemo/record-demo/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/tandryukha/aidemo/record-demo"><img src="https://agentmods.dev/badge/skills/tandryukha/aidemo/record-demo.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 140 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 976 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00140	$0.00976
Opus 5	$0.00070	$0.00488
Sonnet 5	$0.00028	$0.00195
Haiku 4.5	$0.00014	$0.00098

Measured today against content hash 596b6b21e27b, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

record-demo scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/skills/record-demo/SKILL.md · 70 lines

How it starts

The opening of the file, as written. The whole thing — 70 lines — stays where its author put it; the contents beside it link to each section on GitHub.

record-demo

You are the demo director. Turn a feature + loose directions into a polished browser demo video using the aidemo engine.

This file is a thin adapter. The authoring knowledge lives in the engine — fetch it first, then follow it:

Preferred — the aidemo MCP server (registered by aidemo repo-init, or bundled automatically if you installed the Claude Code plugin): call the get_authoring_guide tool and follow the guide. Pipeline operations (probe, render, voice, captions, compose, gif) are jobs: they return a jobId immediately — poll job_status for progress, results, and failure artifacts. Discover selectors with inspect (unique selectors per visible element — no guessing) before writing targets; validate storyboard edits with validate_storyboard and lint_storyboard (pacing forecast: which scenes will freeze or be cut) before rendering; read output/report.json after. Pass absolute demo directories.
Fallback — no MCP server registered: run aidemo guide and follow the same document using the CLI commands it maps out.
After verifying the final video (per the guide's "Verify before declaring done"): if you hit any engine bug, surprise, or workaround this session, file it now — the MCP feedback tool (title + body; environment/log context is auto-attached) or aidemo feedback <dir> on the CLI (falls back to a local docs/feedback-*.md offline). If nothing came up, skip this step.

Invoking the engine (`aidemo`)

aidemo <cmd> means whichever of these applies:

In the aidemo repo itself (a full checkout): node bin/aidemo.mjs <cmd>.
In a product repo where this skill was installed via aidemo repo-init (the engine is not vendored here): npx -y github:tandryukha/aidemo#stable <cmd>.

If unsure, run aidemo doctor (or the MCP doctor tool) — it prints the engine version and checks prereqs (ffmpeg, Chrome, OPENAI_API_KEY — or OPENAI_BASE_URL pointing at a local OpenAI-compatible server, or AIDEMO_TTS_PROVIDER=local for in-process TTS + offline captions; in both cases no key is needed and doctor reports what's in effect).

Read the full file on GitHub · 70 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

today Changed · +3 lines 596b6b21e27b
9d ago First seen · 67 lines · 140 tokens per session scan A 7df98e9fef56

Subscribe to this mod's changes

record-demo is a skill published in the GitHub repository tandryukha/aidemo (7 stars, last pushed today), licensed MIT. It adds 140 tokens to every session and 976 once invoked, about $0.0007 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Claude Code Creative and media ai-agents demo-video ffmpeg playwright product-demo

demo-video

Produce a polished, ScreenStudio-style 60fps product demo video of a web app with a tiny, dependency-light pipeline — Playwright frame capture + a multiprocess Pillow compositor streaming into ffmpeg (no Node/Remotion). Drives the app one step per frame so playback is true 60fps regardless of capture speed, then…

surajshetty3416/demo-video-skill · 181 tokens

motion-graphics

Build frame-exact motion graphics — animated logos, kinetic typography, brand videos, animated titles and social clips — as a single HTML file driven by a paused Web Animations timeline, then export them to MP4 in 1:1, 4:5 and 9:16. Use this whenever someone wants to animate a wordmark or logo, make a video from text…

acelera-agency/html-animation · 188 tokens

product-demo

Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post. Use when editing anything under src/compositions/, when the user asks for a new demo clip, an intro or an animated title, asks for sound or a version for social…

Alexwtlf/agentic-product-demo · 97 tokens

creador_videos_ai

Build a 30-second cinematic marketing video for any website URL using the Causal AI Digital pipeline (Playwright iframe scroll tour + ElevenLabs voice off + whisper.cpp word-level synced subtitles + FFmpeg audio mux). Use when the user asks to generate a promotional/marketing video for a website, create a cinematic…

jnichor/creador_videos_ai · 160 tokens

embedded-captions

A workflow for adding captions or subtitles to an existing single-person talking-head video without changing the footage. Captions can appear as ordinary subtitles, behind the speaker, or as stylized visual effects.

heygen-com/hyperframes · 120 tokens

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR…

heygen-com/hyperframes · 104 tokens

aidemo: Skill for Claude Code

Borrowing it

Wrote this? Show the measurements

What it costs to keep this loaded

Grade A, and why

Nothing flagged

How it starts

record-demo

Invoking the engine (`aidemo`)

What this file has done since we first saw it

Other skills, from other repositories

demo-video

motion-graphics

product-demo

creador_videos_ai

embedded-captions

pr-to-video

aidemo: Skill for Claude Code

Borrowing it

Wrote this? Show the measurements

What it costs to keep this loaded

Grade A, and why

Nothing flagged

How it starts

record-demo

Invoking the engine (aidemo)

What this file has done since we first saw it

Other skills, from other repositories

demo-video

motion-graphics

product-demo

creador_videos_ai

embedded-captions

pr-to-video

Invoking the engine (`aidemo`)