Screenshot Local - Capture Project Screenshots with shot-scraper

Overview

Capture screenshots of local development projects using shot-scraper installed globally via pipx. Turn localhost URLs and local HTML files into PNGs, JPEGs, and PDFs for documentation, READMEs, and design reviews.

Core principle: Screenshots should be reproducible from a single command or YAML config, not manual screen captures. Version-control your screenshot configs alongside your code.

When to Use

Use this skill when:

• Capturing screenshots of a local dev server for docs or README
• Generating screenshots of multiple pages/states in batch
• Documenting UI changes or new features visually
• Creating before/after comparisons during refactoring
• Automating screenshot generation in CI/CD

Avoid when:

• Recording terminal/CLI output (use record-tui with VHS instead)