Skills
.Work. You
Rest

webreel

Official

Record polished browser demos automatically

Software Engineering#browser automation#ffmpeg#chrome#screen recording#keystrokes#cursor overlay#webreel
Authorvercel-labs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

webreel removes the manual effort of capturing browser demonstrations by turning a structured JSON step plan into a finished video with realistic cursor movement, keystroke overlays, sound effects, and encoding handled for you.

Core Features & Use Cases

  • Scripted browser recordings: Drive a headless Chrome session through clicks, typing, drags, scrolling, navigation, and pauses to create reproducible demos.
  • Professional video output: Render recordings as MP4, GIF, or WebM with overlays, themes, thumbnails, and frame-rate control.
  • Workflow support: Preview steps in a visible browser, validate configs, composite overlays onto existing captures, and reuse shared step files for repeatable production.
  • Use case: Create product walkthroughs, onboarding videos, feature teasers, UI tutorials, and mobile or desktop app demos without manually editing screen recordings.

Quick Start

Create a webreel config for your target site, preview the steps to confirm the interaction flow, and then record the final video.

Dependency Matrix

Required Modules

None required

Components

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: webreel
Download link: https://github.com/vercel-labs/webreel/archive/main.zip#webreel

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.