localhost-screenshots
Localhost Screenshots
This skill captures screenshots of locally running websites. It supports two primary approaches depending on the task:
- Chrome MCP — for quick debugging, single screenshots, and interactive verification
- Playwright — for systematic multi-breakpoint screenshot sets and visual regression
When the host or project already exposes Playwright's own CLI/MCP entry points, see playwright-patterns.md § "Playwright 1.62 CLI/MCP entry points and supported OS images" before adding the bundled scripts.
For niche scenarios (persistent sessions, AI snapshots, CI workflows), see the Reference Files section.
Resolve the local target
Use the user's exact app URL. When the project uses Portless, inspect its existing setup and active routes before choosing a target; follow Portless. Preserve the proxy hostname, scheme, port, and worktree subdomain throughout capture. All bundled helpers accept HTTP/HTTPS *.localhost URLs. Verify the expected app is ready before capturing; a route entry alone does not prove the server is running.