localhost-screenshots
Localhost Screenshots
Installation
npx skills add t4sh/skills4sh --skill 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
For niche scenarios (CDP attach, persistent sessions, AI snapshots, CI workflows), see the Reference Files section.
Tool Decision Matrix — Read This First
More from t4sh/skills4sh
agent-memory
This skill should be used when the user asks to \"manage project memory\", \"initialize .agent-memory\", \"save session learnings\", \"run memory maintenance\", or mentions cross-interface persistent memory across Claude Code, Cursor, or VS Code. Handles frontmatter-driven memory lifecycle for any project.
39discord-harvest
This skill should be used when the user asks to \"extract Discord images\", \"download Discord attachments\", \"harvest a Discord channel\", \"archive a DM\", or mentions scraping content from a Discord conversation. Handles DMs via browser automation and channels via the Discord bot API, producing an organized local folder with a machine-readable manifest.
31eleventy-nunjucks
This skill should be used when the user asks to \"create an 11ty page\", \"add a Nunjucks filter\", \"fix my layout chain\", \"review my .njk template\", \"set up Eleventy\", \"set up Build Awesome\", or \"audit my static site\"; when working on any 11ty, Eleventy, Build Awesome, or Nunjucks static site; when paths include `.eleventy.js`, `eleventy.config.js`, `.njk`, `src/_includes/`, or `src/_data/`; or when debugging Eleventy builds, permalinks, layout chains, filters, shortcodes, autoescape behavior, or static-site security.
6