Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application.
Real data. Real impact.
Emerging
Developers
Per week
Open source
Skills give you superpowers. Install in 30 seconds.
Create polished product demo videos by automating browser interactions.
browser action=start profile=clawdbrowser action=openscripts/record-demo.jsnode scripts/record-demo.jsbash scripts/frames-to-video.shSee
references/demo-planning.mdscripts/record-demo.jsTemplate Playwright script that:
Customize for each demo:
DEMO_SEQUENCESOUTPUT_DIRFRAME_SKIPscripts/frames-to-video.shFFmpeg encoding script with presets:
mp4gifwebmUsage:
./frames-to-video.sh [input_dir] [output_name] [format]// Navigation await page.goto('http://localhost/dashboard'); await page.waitForTimeout(2000);// Click element await page.locator('button:has-text("Create")').click(); await page.waitForTimeout(500);
// Hover (show tooltips, hover states) await page.locator('.card').first().hover(); await page.waitForTimeout(1000);
// Type text await page.locator('input[placeholder="Search"]').fill('query'); await page.waitForTimeout(500);
// Press key await page.keyboard.press('Enter'); await page.keyboard.press('Escape');
// Scroll await page.evaluate(() => window.scrollBy(0, 300));
No automatic installation available. Please visit the source repository for installation instructions.
View Installation Instructions
1,500+ AI skills, agents & workflows. Install in 30 seconds. Part of the Torly.ai family.
© 2026 Torly.ai. All rights reserved.