Skip to main content

Playwright Recording

Skill Verified Active

Record browser interactions as video using Playwright. Use for capturing demo videos, app walkthroughs, and UI flows for Remotion videos. Triggers include recording a demo, capturing browser video, screen recording a website, or creating walkthrough footage.

Purpose

To enable users to easily record browser interactions as video for creating demo videos, app walkthroughs, and other visual content, by providing a robust Playwright-based solution.

Features

  • Record browser interactions as video using Playwright
  • Configure viewport sizes and video quality settings
  • Implement advanced recording patterns (forms, navigation, scrolling, login)
  • Add cursor highlighting and click ripple effects
  • Handle cookie banners and other common web elements
  • Provide detailed examples for various recording scenarios

Use Cases

  • Capturing demo videos for software features
  • Creating step-by-step app walkthroughs for tutorials
  • Recording UI flows for user testing or feedback
  • Generating visual assets for Remotion video compositions

Non-Goals

  • Performing complex web scraping or data extraction
  • Automating backend processes unrelated to browser interaction
  • Providing a full-featured video editing suite
  • Recording desktop screen outside of a browser window

Installation

npx skills add digitalsamba/claude-code-video-toolkit

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

Quality Score

Verified
99 /100
Analyzed 3 days ago

Trust Signals

Last commit6 days ago
Stars1.1k
LicenseMIT
Status
View Source

Similar Extensions

Agent Browser

100

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

Skill
shanraisshan

AutoBrowse

100

Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.

Skill
browserbase

Vue Testing Best Practices

100

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

Skill
hyf0

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Skill
davila7

Playwright Best Practices

100

Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.

Skill
currents-dev

Playwright CLI

99

Automates browser interactions for testing and validating your own web applications using playwright-cli. Use when you need terminal-first browser control for navigation, form filling, screenshots, tracing, bound browser sessions, debugging, or generating Playwright test code. Only use against applications you own or have explicit authorization to test.

Skill
testdino-hq

© 2025 SkillRepo · Find the right skill, skip the noise.