skills.rest
jpeggdev
jpeggdevCOMMUNITY
Explore all skills by this author →
Website𝕏@jpegg_devGitHub

visual-review

Capture screenshots of web pages and UI elements with Playwright.

Updated Feb 22, 2026
Search Tags:#testing#playwright#screenshot#visual review#web ui#reveal.js
One-click install
npx skills add https://github.com/jpeggdev/buildwithjpegg --skill visual-review-jpeggdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-review
Source: https://github.com/jpeggdev/buildwithjpegg/tree/main/plugins/tribunal/skills/visual-review
Command: npx skills add https://github.com/jpeggdev/buildwithjpegg --skill visual-review-jpeggdev

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Agents lack the ability to see rendered web pages or UIs, hindering their ability to perform visual checks and make design-related improvements.

Core Features & Use Cases

  • Screenshot Capture: Takes screenshots of web pages, local files, or presentations using Playwright.
  • Visual Inspection: Enables agents to review layout, styling, and responsiveness.
  • Use Case: Automatically capture each slide of a Reveal.js presentation to ensure consistent design and content across all slides before a demo.

Quick Start

Use the visual-review skill to take a screenshot of the provided URL.

Frequently Asked Questions about visual-review

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

FAQPage Schema
How do I capture web UI screenshots using Playwright for visual review?▼

To capture web UI screenshots for visual review, you can use this skill to automate Playwright screenshot capture of local files, localhost servers, or deployed URLs. It enables AI agents to inspect layout and styling.

Can I take screenshots of a Reveal.js presentation to check slide design?▼

Yes, you can take screenshots of a Reveal.js presentation. The skill provides specific workflows to automatically capture each slide, ensuring consistent design and content across all slides before a demo.

Does this visual review tool support responsive testing across different viewport sizes?▼

Yes, this visual review tool supports responsive testing across various viewport sizes. It leverages Playwright to capture screenshots at different dimensions, allowing you to inspect how your web UI adapts to different screen sizes.

Do I need Playwright installed to capture web page screenshots?▼

Yes, you need Playwright installed and configured for the Chromium browser to capture web page screenshots. This skill relies on Playwright to handle the automated screenshot capture and rendering.

How do agents perform visual inspection of rendered web pages?▼

Agents perform visual inspection of rendered web pages by using this skill to capture screenshots. By taking images of the web UI, agents can review layout, styling, and responsiveness that they cannot otherwise see.

What is the best way to automate screenshot capture for local files and localhost servers?▼

The best way to automate screenshot capture for local files and localhost servers is using this skill's Playwright-based workflows. It captures web UI screenshots for AI agent iteration and visual checks.

Related Skills

Explore More Software Engineering Skills→
PrekzursilPrekzursil

visual-review

Capture screenshots of web pages, local files, and presentations with Playwright.

Community
Intermediate
oalansilvaoalansilva

css-layout-helper

Diagnose CSS alignment and spacing issues with minimal flex or grid fixes.

Community
Basic
wangx7wangx7

webapp-testing

Automate UI testing and debugging of local web apps with Playwright.

Community
Intermediate
cloud-native-toolscloud-native-tools

browser-utils

Automate web browser interactions using native tools, MCP connectors, or Playwright scripts.

Official
Advanced