playwright-capture

Official

Automate visual parity testing with Playwright screenshots across multiple viewports.

Authorthehivegroup-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of capturing screenshots and HTML at multiple viewports, aiding in visual parity testing and comparison of rendered output between environments.

Core Features & Use Cases

  • Automated Screenshot Capture: Take screenshots of web pages using Playwright, capturing both the visual and HTML output.
  • Multi-Viewport Support: Customize captures for different devices and screen sizes.
  • Use Case: For teams working on web applications, this Skill can automate the process of capturing and comparing screenshots across different environments to ensure visual consistency.

Quick Start

Use the playwright-capture skill to take a full-page screenshot of the example.com homepage at desktop and mobile viewports.

Dependency Matrix

Required Modules

playwright

Components

scripts

💻 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-capture
Download link: https://github.com/thehivegroup-ai/ai-development/archive/main.zip#playwright-capture

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 620,000+ vetted skills library on demand.