demo-video

Orchestrate browser rendering, narration, and video compositing to create demo videos.

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/Patasse97/claude-skills --skill demo-video-patasse97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: demo-video
Source: https://github.com/Patasse97/claude-skills/tree/main/engineering/demo-video
Command: npx skills add https://github.com/Patasse97/claude-skills --skill demo-video-patasse97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables teams to rapidly create polished demo videos from screenshots and scene descriptions by orchestrating browser rendering, narration, and video compositing.

Core Features & Use Cases

  • Orchestrates browser-based rendering with Playwright MCP, generates narration with edge-tts, and composites final video with ffmpeg.
  • Outputs demo artifacts including scenes HTML, narration text files, scenes.json, and a build.sh script.
  • Use Case: produce marketing demos, product walkthroughs, or onboarding videos from static visuals.

Quick Start

Provide your screenshots or scene descriptions and I will generate the demo-output package with scenes, narration, and build script.

Frequently Asked Questions about demo-video

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

FAQPage Schema
How do I turn screenshots into a narrated demo video automatically?

You can turn screenshots into a demo video by providing scene descriptions to orchestrate browser rendering, generate text-to-speech narration, and composite the final video file using ffmpeg.

Can I use Playwright and edge-tts to produce marketing walkthroughs?

Yes, you can use Playwright and edge-tts to produce marketing walkthroughs by rendering browser scenes from screenshots, generating audio narration, and compositing the output into a video package.

Do I need ffmpeg installed to build product demo videos from scenes?

Yes, you need the ffmpeg MCP to build product demo videos, as it handles the final video compositing step after Playwright renders the scenes and edge-tts generates the narration audio.

What files are generated when creating a demo video package?

Creating a demo video package generates a demo-output directory containing scene HTML files, narration text files, a scenes.json configuration, and a build.sh script to composite the final video.

Is automated video production suitable for onboarding tutorials?

Automated video production is suitable for onboarding tutorials, as it provides a rapid and repeatable workflow to convert static screenshots and scene descriptions into guided narrated walkthroughs.