visual-review

Capture web page and UI screenshots with Playwright for visual inspection.

379|51|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/dsifry/metaswarm --skill visual-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-review
Source: https://github.com/dsifry/metaswarm/tree/main/skills/visual-review
Command: npx skills add https://github.com/dsifry/metaswarm --skill visual-review

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Agents can't see what they're building. This skill bridges that gap by capturing screenshots of web pages and UIs, allowing for visual inspection and iteration.

Core Features & Use Cases

  • Web Page Screenshots: Capture full pages, specific slides, or responsive views.
  • Visual Debugging: Identify layout, styling, and content issues.
  • Use Case: After an agent builds a new landing page, use this skill to take screenshots at desktop, tablet, and mobile sizes to ensure it looks perfect on all devices.

Quick Start

Use the visual-review skill to take a screenshot of the current web page.

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 of web pages for visual review?

You can capture web page screenshots for visual review by using Playwright to automate the browser and save images. This allows agents to verify visual output and identify layout, typography, and color issues.

Can I take responsive screenshots across different viewport sizes?

Yes, taking responsive screenshots across various viewport sizes tests how a web page looks on different devices. This verifies that your UI renders correctly on desktop, tablet, and mobile screens.

Does this visual review skill support Reveal.js presentations?

Yes, this visual review skill supports capturing specific slides from Reveal.js presentations. You can capture individual slides to inspect the layout and styling of your presentation content.

What is the best way to debug UI layout and styling issues without manual inspection?

Automating screenshot capture with Playwright is the best way to debug UI layout and styling issues without manual inspection. This enables agents to visually inspect the output and identify layout, typography, and color problems.

Do I need Playwright installed to take screenshots of web UIs?

Yes, Playwright is required to take screenshots of web UIs. The skill uses Playwright to automate the browser, navigate to web pages, and capture the visual output for inspection.