visual-review

Capture screenshots of web pages and UI with Playwright for visual inspection.

1|Updated Jun 23, 2026
One-click install
npx skills add https://github.com/seal-harness/seal-harness --skill visual-review-seal-harness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-review
Source: https://github.com/seal-harness/seal-harness/tree/main/.agents/skills/visual-review
Command: npx skills add https://github.com/seal-harness/seal-harness --skill visual-review-seal-harness

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve? AI agents cannot see rendered web pages, presentations, or UI, making it impossible to verify layout, styling, and responsiveness. This Skill bridges that gap by capturing screenshots with Playwright so agents can visually inspect their work and iterate on fixes. ## Core Features & Use Cases - Screenshot Capture: Take screenshots of local files, localhost servers, or deployed URLs at configurable viewport sizes for desktop, tablet, and mobile testing. - Reveal.js Slide Capture: Capture each slide of a presentation individually using slide hash URLs for per-slide review. - Structured Review Workflow: Document findings in a status table, fix issues, and re-capture affected pages to verify corrections. - Use Case: After building a Reveal.js slide deck, capture all 16 slides at 1456x816, review each for text overflow and alignment issues, fix the CSS, and re-capture only the affected slides to confirm. ## Quick Start Take screenshots of my presentation at http://localhost:8000 and review each slide for layout issues.

Frequently Asked Questions about visual-review

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

FAQPage Schema
How do I take a screenshot of a web page with Playwright?

Run npx playwright screenshot with the --browser chromium flag, a --viewport-size like 1456,816, and a --wait-for-timeout of 3000 milliseconds. Provide the URL or file path and an output PNG path as the final arguments.

How to capture each slide of a Reveal.js presentation?

Append the slide hash to the URL, such as #/0 for the first slide and #/1 for the second, then loop through indices capturing one screenshot per slide. Vertical slides use the #/horizontal/vertical format like #/2/1.

Can Playwright screenshot local HTML files?

Yes, Playwright captures local files when you pass a file:// URL with the absolute path, such as file:///absolute/path/to/file.html. Using http:// for local files will not work.

Why do my Playwright screenshots show missing fonts or images?

Screenshots taken before the page finishes rendering miss fonts, images, and animations. Add --wait-for-timeout 3000 to wait three seconds for CDN-loaded themes and assets to settle before capture.

Do I need to install all Playwright browsers for screenshots?

No, only the chromium browser is needed for screenshot capture. Run npx playwright install chromium instead of installing all browsers, which wastes disk space and setup time.