skills.rest
Igosuki
IgosukiCOMMUNITY
Explore all skills by this author →
GitHub

browser-screenshot

Capture full-page, viewport, and element screenshots via Playwright CLI.

1|Updated Oct 21, 2025
Search Tags:#automation#Playwright#CLI#webpage#screenshot#visual-testing
One-click install
npx skills add https://github.com/Igosuki/claude-skills --skill browser-screenshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-screenshot
Source: https://github.com/Igosuki/claude-skills/tree/main/browser-screenshot
Command: npx skills add https://github.com/Igosuki/claude-skills --skill browser-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

Automates capturing web page screenshots for visual validation, QA, and documentation, eliminating repetitive manual tasks and ensuring consistent results.

Core Features & Use Cases

  • Full-page and viewport screenshots: capture entire pages or specific viewport sizes.
  • Element-specific captures: isolate UI components for design reviews or documentation.
  • Multi-browser and CLI control: run with Chromium/Firefox/WebKit and configure via CLI for automated pipelines.

Quick Start

Run a basic screenshot: python scripts/screenshot.py https://example.com screenshot.png

Frequently Asked Questions about browser-screenshot

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web page screenshots with Playwright for visual testing?▼

Automate web page screenshots with Playwright using a Python CLI script to capture pages for visual validation. You can execute deterministic tasks with options for wait conditions and viewport configurations to ensure consistent QA results.

Can I capture full-page and element-specific screenshots using a CLI script?▼

Yes, you can capture full-page and element-specific screenshots using CLI-driven options. The script isolates UI components for design reviews or documentation and captures entire pages or specific viewport sizes.

Does this screenshot automation tool support multiple browsers like Firefox and WebKit?▼

Yes, this screenshot automation supports multiple browsers including Chromium, Firefox, and WebKit. You can configure multi-browser execution via CLI to integrate captures into automated pipelines.

What is the best way to set viewport configurations for webpage screenshot capture?▼

The best way to set viewport configurations for webpage screenshot capture is via CLI-driven options. This ensures deterministic results by applying specific viewport sizes and wait conditions before capturing the page.

Do I need Python to run the Playwright screenshot script?▼

Yes, you need Python to run the Playwright screenshot script. The automation executes screenshot capture tasks using Playwright within Python, relying on CLI arguments to pass URLs, output files, and configurations.

Related Skills

Explore More Software Engineering Skills→
thehivegroup-aithehivegroup-ai

playwright-capture

Capture screenshots and HTML at multiple viewports with Playwright.

Official
Intermediate
mlopscommunitymlopscommunity
37

visual-regression

Capture UI screenshots with Playwright and compare visual differences between code versions.

Official
Advanced
bastani-incbastani-inc
484

playwright-cli

Automate browser interactions and Playwright test execution for web pages.

Official
Advanced
NagyViktNagyVikt
2

agent-browser

Automate browser interactions and capture screenshots for UI verification.

Community
Advanced