skills.rest
montoyaedu
montoyaeduCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

visual-review

Capture web page screenshots with Playwright for visual QA evidence.

Updated Apr 6, 2018
Search Tags:#qa#playwright#responsive#ui-testing#screenshot#visual-review#revealjs
One-click install
npx skills add https://github.com/montoyaedu/Trish --skill visual-review-montoyaedu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-review
Source: https://github.com/montoyaedu/Trish/tree/main/.claude/plugins/metaswarm/skills/visual-review
Command: npx skills add https://github.com/montoyaedu/Trish --skill visual-review-montoyaedu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Agents cannot see rendered web pages, presentations, or UI. This skill bridges that gap by using Playwright to capture screenshots of web pages (local files, localhost servers, or deployed URLs) so agents can visually inspect their work, identify layout issues, and iterate.

Core Features & Use Cases

  • Capture single pages and multi-slide presentations (Reveal.js) for visual QA
  • Verify UI layouts across responsive viewports (mobile, tablet, desktop)
  • Produce screenshots for design reviews and documentation

Quick Start

Capture a screenshot of a target URL using Playwright in headless mode.

Frequently Asked Questions about visual-review

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

FAQPage Schema
How do I capture screenshots for visual QA using Playwright?▼

Capture single pages and multi-slide presentations for visual QA by running Playwright in headless mode against local files, localhost servers, or deployed URLs to produce screenshots for layout inspection and design review.

Can I test responsive UI layouts across mobile and desktop viewports?▼

Test responsive UI layouts across mobile, tablet, and desktop viewports by applying configurable viewport sizes to Playwright screenshot captures, allowing agents to verify rendering across multiple screen dimensions.

Does this visual review tool work with Reveal.js multi-slide presentations?▼

This visual review tool works with Reveal.js multi-slide presentations by capturing per-slide screenshots using Playwright, enabling agents to visually inspect each slide for layout issues and iterate on the design.

What do I need to start taking web page screenshots for UI testing?▼

To start taking web page screenshots for UI testing, you need a target URL and an environment where Playwright can be installed and run in headless mode, as the skill manages output directories and ensures availability.

Why do agents need screenshots for web page and presentation review?▼

Agents need screenshots for web page and presentation review because they cannot see rendered UI, so capturing screenshots with Playwright bridges that gap, allowing agents to visually inspect their work and identify layout issues.

Related Skills

Explore More Design & Creative Skills→
webmaxruwebmaxru

webapp-testing

Automate Playwright testing and debugging of local web applications in Node.js.

Community
Intermediate
TrainLCDTrainLCD
71

argent-screenshot-diff

Compare baseline and current screenshots to generate visual regression diff reports.

Official
Intermediate
sgcarstrendssgcarstrends
21

e2e-testing

Automate end-to-end UI testing with Playwright across browsers.

Official
Advanced
gsarmaonlinegsarmaonline

screenshotify

Automate full-page screenshots across viewports using Puppeteer or Playwright for frontend applications.

Community
Advanced