Automate web app demo videos with Playwright and UI overlays.
npx skills add https://github.com/vrcms/everything-qwen-code --skill ui-demo-vrcms
Please help me install this Agent Skill. Skill: ui-demo Source: https://github.com/vrcms/everything-qwen-code/tree/main/.qwen/skills/ui-demo Command: npx skills add https://github.com/vrcms/everything-qwen-code --skill ui-demo-vrcms
This skill solves the challenge of creating consistent, high-quality, and professional-looking screen recordings for web applications without manual effort or inconsistent pacing.
Use the ui-demo skill to record a walkthrough of the user registration flow starting from the login page.
High-intent search queries and answers about installing and using this skill.
Automating web app screen recording involves using Playwright to drive browser actions while capturing video with injected cursor and subtitle elements. This skill structures the process into Discover, Rehearse, and Record phases to ensure consistent pacing for documentation and onboarding.
Creating professional UI demo videos without manual capture is best achieved through browser automation. This skill uses Playwright to execute defined action sequences automatically, injecting custom UI overlays like cursors and subtitle bars to produce visually polished recordings.
Yes, you need Playwright to generate automated browser walkthrough videos. It is a required dependency for this skill because it handles the underlying browser automation and video capture required to execute the defined action sequences and inject custom UI overlays.
Yes, you can add subtitle overlays to automated web application recordings. During the automated Playwright capture process, the skill injects a custom subtitle bar along with a professional cursor overlay to enhance the visual quality of the final video.
The Discover, Rehearse, Record process structures UI documentation video creation into three phases. Discover defines the workflow, Rehearse validates the actions for errors, and Record captures the final automated Playwright screen recording with custom UI overlays.
Yes, automated Playwright screen recordings are suitable for stakeholder presentations. The skill produces high-quality, consistent video outputs by automating browser workflows and injecting professional UI overlays, ensuring polished visual storytelling for stakeholders.
RooseveltAdvisorsAutomate browser interactions and web verification with Playwright and TypeScript.
nmoralescyberGenerate scene-by-scene product walkthrough scripts with narration and timing.
jgsqwareAutomate local web application testing with Playwright and Python.
video-production-buddyRender deterministic Remotion TerminalScene videos with narration-synced command pacing.
