recording-demo-videos

Automate silent product demos of web apps with Playwright and ffmpeg.

2|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/tobilafinhangit/skill-master --skill recording-demo-videos
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recording-demo-videos
Source: https://github.com/tobilafinhangit/skill-master/tree/main/.agent/skills/recording-demo-videos
Command: npx skills add https://github.com/tobilafinhangit/skill-master --skill recording-demo-videos

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of silent product demos for real web apps, eliminating the need for paid tools, manual screen recording, or human intervention.

Core Features & Use Cases

  • Scripted Browsing: Automates browser navigation and interaction with a web app to simulate user behavior.
  • Video Rendering: Converts recorded browser interactions into silent video files without narration or paid software.
  • Use Case: Generate feature demos for a web application in minutes, without the need for professional screen recording services.

Quick Start

To create a demo, run 'bash demo/run.sh <flow>' within your local development environment.

Frequently Asked Questions about recording-demo-videos

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

FAQPage Schema
How do I automate product demo videos for a web app without paid screen recording tools?

You can automate product demo videos by using browser automation with Playwright to script interactions and ffmpeg to render the output into silent video files. This approach simulates user behavior and converts it into a feature demonstration without manual screen recording or paid software.

Can I use Playwright to script browser navigation for feature demonstrations?

Yes, Playwright is used to script browser navigation and interaction with a web app to simulate user behavior. The recorded browser interactions are then passed to ffmpeg for video processing and rendering into a silent demo file.

Do I need ffmpeg installed to render web app video recordings?

Yes, ffmpeg is required for video processing. The Skill relies on ffmpeg to convert recorded browser interactions from Playwright into final silent video files, making it a necessary dependency alongside browser automation scripting capabilities.

What is the best way to generate silent feature demos for real web apps?

The best way to generate silent feature demos is through automated browser scripting and video encoding. By automating browser navigation with Playwright and processing the output with ffmpeg, you can render feature demonstrations in minutes without professional screen recording services or human intervention.

Does this browser automation approach to video recording support narrated demos?

No, this approach is intended for creating silent product demos only. The video rendering process converts recorded browser interactions into silent video files without narration, focusing strictly on visual feature demonstration for real web apps.

What prerequisites are needed to script and render web app demos?

You need browser automation, scripting, and video encoding skills, specifically with Playwright and ffmpeg. The Skill is intended for product managers and developers and requires running scripts within a local development environment to execute the automated browser flows.