screenshot-app

Capture web application UI screenshots with Playwright CLI.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/davetodd/xyz --skill screenshot-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: screenshot-app
Source: https://github.com/davetodd/xyz/tree/main/.claude/skills/screenshot-app
Command: npx skills add https://github.com/davetodd/xyz --skill screenshot-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill assists with visual verification by taking screenshots of the running game UI, allowing users to verify changes to colors, layout, and other UI elements.

Core Features & Use Cases

  • Screenshot Dev Server: Capture screenshots of an already-running dev server for quick visual verification.
  • Interactive Screenshots: Capture visual states of a game by interacting with elements, like reward overlays and modals.
  • Use Case: Verify the appearance of a new feature or UI update in a game without starting a separate testing environment.

Quick Start

Take a screenshot of the current page of the game using: npx playwright screenshot "http://localhost:5175/" .context/screenshots/app.png

Frequently Asked Questions about screenshot-app

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

FAQPage Schema
How do I capture screenshots of a running web game UI for visual verification?

Capture screenshots of a running web application UI using Playwright to perform visual verification on web-based games. It targets active gameplay states to check UI layouts and colors without requiring a separate testing environment.

Can I use Playwright to take screenshots of an already running dev server?

Yes, you can capture screenshots of an already running dev server using Playwright. It utilizes the Playwright CLI to directly capture the active UI state, bypassing the need to set up a dedicated testing environment.

How do I capture interactive game UI states like reward overlays and modals?

Capture interactive visual states of a game by interacting with elements like reward overlays and modals. This allows you to verify the appearance of new features or UI updates during active gameplay.

Do I need a separate testing environment to perform UI regression checks on my game?

No, you do not need a separate testing environment to perform UI regression checks. The Skill uses Playwright's CLI to capture screens directly from your running web application, simplifying the visual verification process.

What is the best way to verify UI updates in a web game without interrupting development?

Use Playwright to capture screenshots of your running game UI for visual verification. This method targets web-based games directly, allowing you to verify color and layout changes quickly without interrupting your development environment.