design-product-overview-recorder
CommunityCapture polished UI demos with Playwright.
Design & Creative#storytelling#onboarding#playwright#demo#ui-walkthrough#video-recording#product-demo
Authorscanady
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Record polished UI demo videos for product walkthroughs, onboarding, and stakeholder updates using automated browser capture with visible cursor overlays, natural pacing, and narrated subtitles.
Core Features & Use Cases
- Automated demo recording: Produce production-grade WebM videos of web apps with cursor overlay, natural typing, and pacing that supports storytelling.
- Story-driven demos: Structure demos for onboarding, feature walkthroughs, or product showcases for documentation or presentations.
- Use Case: Create a guided tour of a new UI, a vendor onboarding walkthrough, or a feature release demo for release notes.
Quick Start
Start a polished UI demo recording for the provided app URL and feature flow.
Dependency Matrix
Required Modules
playwright
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: design-product-overview-recorder Download link: https://github.com/scanady/nexus-agents/archive/main.zip#design-product-overview-recorder 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.