demo

Generate product demo videos from YAML specs using Playwright and FFmpeg.

6|1|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/45ck/demo-machine --skill demo-45ck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: demo
Source: https://github.com/45ck/demo-machine/tree/main/.claude/skills/demo-machine
Command: npx skills add https://github.com/45ck/demo-machine --skill demo-45ck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate a polished product demo video automatically from a YAML specification, eliminating manual recording and post-production drudgery.

Core Features & Use Cases

  • End-to-end demo video generation with scripted cursor movements, natural typing, voice narration, and chapter overlays.
  • Run, re-render, or update demos locally without cloud services for rapid iteration.
  • Integrates with Playwright for automated capture and FFmpeg for video rendering to produce MP4 outputs.

Quick Start

Create a .demo.yaml spec and run it through demo-machine to generate a polished demo video.

Frequently Asked Questions about demo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a product demo video from a YAML spec?

To generate a product demo video from a YAML spec, you create a file containing meta, runner, pacing, and chapters, then run it locally through demo-machine to automate capture and render an MP4.

Can I automate cursor movements and voice narration for app demos?

Yes, you can automate scripted cursor movements, natural typing, voice narration, and chapter overlays for app demos by defining them in a valid YAML spec processed by demo-machine.

Do I need Node.js, Playwright, and FFmpeg to render demo videos locally?

Yes, you need Node.js, Playwright, and FFmpeg installed locally to run the YAML workflow, capture browser interactions, and render the final MP4 demo video output.

What is the best way to update and re-render product demo videos without cloud services?

The best way to update and re-render product demo videos without cloud services is modifying your local YAML spec and running demo-machine again for rapid iteration.

Does automated demo video generation work with existing local web projects?

Automated demo video generation works with local web projects by using Playwright to capture interactions defined in your YAML chapters, producing a polished MP4 output without manual recording.