doc-screenshots

Automate documentation screenshot capture and regeneration with Playwright.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/jeff-hamm/ai-tools --skill doc-screenshots
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: doc-screenshots
Source: https://github.com/jeff-hamm/ai-tools/tree/main/src/skills/doc-screenshots
Command: npx skills add https://github.com/jeff-hamm/ai-tools --skill doc-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Documentation often lags behind UI changes; this skill automates capturing and regenerating screenshots to keep docs up to date.

Core Features & Use Cases

  • Detects existing Playwright config and screenshot infrastructure.
  • Orchestrates starting the app, navigating to target pages, and capturing screenshots.
  • Saves results to a standardized docs/screenshots directory and can refresh specific pages on demand.

Quick Start

Run this skill to detect your project's screenshot setup and begin capturing the first set of documentation screenshots.

Frequently Asked Questions about doc-screenshots

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

FAQPage Schema
How do I automate documentation screenshots with Playwright?

Automate documentation screenshots with Playwright by using a skill that detects your config, starts the web app, navigates to target pages, and captures UI screenshots automatically. Results are saved directly to a standardized docs directory for immediate review.

Why does my project documentation have outdated UI screenshots?

Outdated UI screenshots happen when documentation lags behind code changes. This skill automates capturing and regenerating screenshots so your docs stay synchronized with the latest visual updates in your web project.

Do I need an existing Playwright config to capture docs screenshots?

Yes, capturing docs screenshots with this skill applies to any web project that already has Playwright installed. It detects your existing Playwright configuration and screenshot infrastructure to orchestrate the capture process.

Where are automated Playwright documentation screenshots stored?

Automated Playwright documentation screenshots are stored in a standardized docs directory within your project. The skill saves all captured results to this specific location so they are organized and ready for review.

Can I refresh specific page screenshots on demand instead of regenerating everything?

Yes, you can refresh specific page screenshots on demand. The skill orchestrates navigating to targeted pages and capturing screenshots, allowing you to update individual documentation pages rather than regenerating the entire set.