skills.rest
mdmagnuson-creator
mdmagnuson-creatorCOMMUNITY
Explore all skills by this author →
GitHub

screenshot

Capture Playwright screenshots of web pages in light and dark themes.

Updated Feb 20, 2026
Search Tags:#ui#regression#playwright#screenshot#dark-mode#web-automation#visual-testing
One-click install
npx skills add https://github.com/mdmagnuson-creator/yo-go --skill screenshot-mdmagnuson-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screenshot
Source: https://github.com/mdmagnuson-creator/yo-go/tree/main/skills/screenshot
Command: npx skills add https://github.com/mdmagnuson-creator/yo-go --skill screenshot-mdmagnuson-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture automated screenshots of web pages to verify UI rendering and detect visual regressions across environments, themes, and routes.

Core Features & Use Cases

  • Automated screenshot capture for authenticated and public pages using Playwright.
  • Visual verification in BOTH light and dark modes across multiple routes, with optional authentication handling.
  • Use case: QA engineers can quickly validate UI consistency after styling changes or feature deployments.

Quick Start

Start the dev server, install Playwright, and run the skill to capture light and dark theme screenshots for specified pages.

Frequently Asked Questions about screenshot

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

FAQPage Schema
How do I automate UI screenshots for visual regression testing?▼

Automating UI screenshots for visual regression testing is done by using Playwright to capture web page rendering across specified routes. This skill outputs image assets for review to detect visual regressions after deployments.

Can I capture screenshots of authenticated dashboards using Playwright?▼

Yes, capturing screenshots of authenticated dashboards using Playwright is supported through optional authentication configuration. This allows you to verify UI rendering behind login screens alongside public pages.

How do I capture web page screenshots in both light and dark modes?▼

Capturing web page screenshots in both light and dark modes is handled automatically by the skill. It applies visual verification across multiple routes to ensure UI consistency across different theme settings.

What do I need to run Playwright visual testing for web automation?▼

To run Playwright visual testing for web automation, you need Playwright installed and a running development server or accessible web pages. Optional authentication configuration is available for protected routes.

Does automated screenshot capture work for verifying styling changes across multiple routes?▼

Yes, automated screenshot capture works effectively for verifying styling changes across multiple routes. QA engineers can quickly validate UI consistency by capturing both light and dark theme screenshots for specified pages.

Related Skills

Explore More Software Engineering Skills→
bianhaifeng789-huebianhaifeng789-hue

harness-browser-test

Automate headless Chromium browser tests with scripted actions and screenshots.

Community
Intermediate
spencerpaulyspencerpauly
672

dark-mode-testing

Detect dark mode rendering defects by comparing light and dark browser states.

Community
Intermediate
phuonghxphuonghx
1

webapp-testing

Automates end-to-end web app testing with Playwright and Python scripts.

Community
Advanced
alvarettoalvaretto
1

Comparación Visual Inteligente

Compare generated images against originals and report visual differences.

Community
Advanced