demo-recording

Records per-scene browser demo clips and generates CapCut-ready scripts from captured assets.

2|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/siarhei-belavus/agent-public --skill demo-recording-siarhei-belavus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: demo-recording
Source: https://github.com/siarhei-belavus/agent-public/tree/main/skills/video/demo-recording
Command: npx skills add https://github.com/siarhei-belavus/agent-public --skill demo-recording-siarhei-belavus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating product demo videos requires manually exploring a site, recording screen clips, and writing editing scripts, which is slow and error-prone. This Skill automates browser exploration, per-scene screen recording, and CapCut script generation grounded only in real captured assets. ## Core Features & Use Cases - Grounded Scene Planning: Explores a live site with agent-browser snapshots to draft a replayable scene-plan.yml using real UI labels and semantic locators. - Per-Scene Recording with Checks: Records each scene as a separate webm clip, captures end-frame screenshots, and validates URL and snapshot-text checks with automatic retakes. - CapCut Script Generation: Produces a manifest, review report, shotlist CSV, and a timestamped CapCut editing script referencing only existing captured files. - Use Case: A product marketer needs a 60-second demo of a new dashboard feature. The Skill explores the staging site, records five scenes with retake support, and outputs a complete demo pack ready for assembly in CapCut. ## Quick Start Record a demo of https://staging.example.com covering the login and dashboard features and generate a CapCut script from the captured clips.

Frequently Asked Questions about demo-recording

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

FAQPage Schema
How do I record a product demo video automatically with a browser agent?▼

Use agent-browser to explore the target site, draft a scene plan with setup and record steps, then record each scene as a separate webm clip. The Skill captures end-frame screenshots and generates a CapCut script referencing only the captured files.

How do I retake specific scenes in a recorded demo?▼

Send a message like "retake scenes: 3,5" or "retake scenes: invite-member" to re-record only selected scenes. Old clips are backed up to clips/_replaced/ and the review, shotlist, and CapCut script are regenerated.

Why do recorded demo scenes break when replayed later?▼

Scene plans that use @eN element references break across page reloads because refs are unstable. Use semantic find commands with role, text, label, placeholder, or testid locators, and add wait steps for page transitions.

Does the demo recording validate that each scene captured correctly?▼

Yes, scenes support checks including url_glob matching against the current URL and snapshot_contains substring matching against page content. Failed checks trigger automatic retakes up to the configured max_attempts, defaulting to 2.

What output files does the demo recording produce for video editing?▼

Each run produces per-scene webm clips, end-frame PNG screenshots, a scene-plan.yml, manifest.json with durations and check results, a review.md report, a shotlist CSV, and a timestamped capcut-script.md with track and transition guidance.