agent-skills/web-dev-browser-screencapture/SKILL.md

name	intent	description
web-dev-browser-screencapture	web, debugging	Capture screenshots of browser windows for visual feedback during web development. Use when verifying UI changes, checking dev server output, or documenting web application state.

Web Dev Browser Screencapture

Capture browser window showing a specific URL.

Commands

• Capture localhost: capture_browser.sh /tmp/capture.png localhost:<port>
• Capture custom URL: capture_browser.sh /tmp/app.png <url_pattern>
• Capture default (localhost): capture_browser.sh /tmp/capture.png

Reading Captured Image

{"operations": [{"mode": "Image", "image_paths": ["<path_from_output>"]}]}

Platform Support

• macOS: Chrome + osascript + screencapture
• Linux: brotab + wmctrl + import (ImageMagick)

When to Use

• Verify UI changes
• Check dev server output
• Document application state

When NOT to Use

• Browser not running
• Target page not open