ui-demo

Record web application demo videos with Playwright, including cursor tracking.

Updated Nov 19, 2025
One-click install
npx skills add https://github.com/Sake-Team/SmartSake --skill ui-demo-sake-team
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-demo
Source: https://github.com/Sake-Team/SmartSake/tree/main/backup/skills/ui-demo
Command: npx skills add https://github.com/Sake-Team/SmartSake --skill ui-demo-sake-team

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of polished UI demo videos for web applications, saving time and ensuring a professional presentation.

Core Features & Use Cases

  • Automated Video Recording: Record web application demos with Playwright, including cursor movement and natural pacing.
  • Customization: Customize the video recording process with options for cursor overlays, pacing, and storytelling flow.
  • Use Case: Ideal for creating documentation, onboarding materials, or stakeholder presentations that require a visual demonstration of a web application's features.

Quick Start

Use the ui-demo skill to record a demo video of the 'SmartSake' application.

Frequently Asked Questions about ui-demo

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

FAQPage Schema
How do I automate UI demo recording for a web application?

Automate UI demo recording for a web application by using Playwright to script browser navigation, handle user interactions, and capture high-quality video outputs of the interface.

Can I customize cursor movement and pacing in Playwright video production?

Yes, you can customize cursor movement overlays, pacing, and storytelling flow during Playwright video production to ensure natural interaction and polished final outputs.

Do I need Playwright browser drivers to capture web application demo videos?

Yes, capturing web application demo videos requires Playwright and its associated browser drivers to handle automated navigation, interaction, and video manipulation.

What is the best way to create onboarding videos from web app interactions?

The best way to create onboarding videos from web app interactions is automating the recording process with Playwright to produce professional visual demonstrations with natural pacing.

Are automated UI testing scripts suitable for stakeholder presentations?

Automated UI testing scripts are suitable for stakeholder presentations when extended to handle cursor tracking and video production, generating polished demonstrations of web application features.