ui-demo - Record polished web application demo videos
Records WebM demo videos of web applications with Playwright, an injected cursor overlay, natural pacing, and a storytelling flow.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Discover interactive page elements
- Map fields and controls
- Rehearse selectors before recording
- Inject a cursor overlay
- Move cursor naturally
- Type with visible pacing
- Record WebM demo videos
Inputs
- Target web application
- Demo flow
- Page navigation targets
- User-specified workflow order
Outputs
- WebM demo video
- Interactive element field map
- Selector rehearsal status
Requirements
- Playwright
- Web application access
- Video recording support