playwright-screen-recorder
CommunityRecord cinematic browser demos without vision
AuthorYasuui
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the problem of creating repeatable browser UX recordings and demos without relying on vision models or manual screen capture for every walkthrough.
Core Features & Use Cases
- Flow mode for QA coverage: Clicks through navigation, hovers key UI elements, and tests buttons/islands with smooth cursor pacing for ~1440p/1280p demos.
- Cinema mode for presentation: Produces slower pans, hover pauses, and themed moments for polished cinematic product or release videos.
- No-vision dependency recording: Uses Playwright/Chromium automation and ffmpeg conversion to generate MP4 and GIF assets for docs and social sharing.
Quick Start
Ask the skill to record your browser UX flow from a running local dev server by setting RECORD_URL and RECORD_OUTPUT, then executing Playwright tests in flow mode.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: playwright-screen-recorder Download link: https://github.com/Yasuui/hermes-community-skills/archive/main.zip#playwright-screen-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.