demo-video
CommunityCreate product demo videos.
Authorexiao
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of professional product demo videos by recording browser interactions and encoding them into playable video formats, eliminating the need for manual screen recording and editing.
Core Features & Use Cases
- Automated Recording: Captures browser actions like navigation, clicks, hovers, and typing using Playwright CDP screencast.
- Frame Capture: Saves high-quality JPEG frames of the recorded session.
- Video Encoding: Utilizes FFmpeg to convert captured frames into MP4, GIF, or WebM formats.
- Use Case: You need to create a quick walkthrough video of a new feature in your web application for a marketing email. This Skill can automate the recording and encoding process.
Quick Start
Run the node script to record a demo sequence and then use the bash script to convert the frames into a video.
Dependency Matrix
Required Modules
playwright-core
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: demo-video Download link: https://github.com/exiao/skills/archive/main.zip#demo-video Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.