Record browser interactions and encode frames into demo videos with FFmpeg.
npx skills add https://github.com/kulharir7/karya --skill demo-video-kulharir7
Please help me install this Agent Skill. Skill: demo-video Source: https://github.com/kulharir7/karya/tree/main/workspace/plugins/demo-video Command: npx skills add https://github.com/kulharir7/karya --skill demo-video-kulharir7
Automates the creation of polished product demo videos by recording browser interactions and screencast frames, eliminating manual recording.
Start the Clawdbot browser, open the target app, customize scripts/record-demo.js for that app, and run node scripts/record-demo.js to begin recording.
High-intent search queries and answers about installing and using this skill.
Automate browser demo recording by running a Playwright script that captures CDP screencast frames from your live web app, then encoding those frames into a video with FFmpeg.
Yes, you can encode captured screencast frames into high-quality MP4, WEBM, or GIF formats using the provided FFmpeg shell script for flexible video output.
Yes, you need both Playwright and FFmpeg installed, along with a running browser and an accessible web application, to automate the recording and encoding of product walkthrough videos.
The best way to create repeatable product demos is to plan a structured demo sequence, customize the recording script for your web app, and run it to generate consistent screencast videos.
Using Playwright CDP screencast for browser recording eliminates manual screen capture by automating browser interactions and frame extraction, ensuring repeatable demo generation with consistent quality.
exiaoRecord browser interactions and encode frames into MP4, GIF, or WebM videos.
digitalsambaRecord browser interactions as video using Playwright scripts.
NevaberryDocument Playwright 1.50–1.59 API and behavioral changes.
epologeeRecord browser viewport sessions to video files with Playwright.
