From screenshot-web
Take web page screenshots by URL using shot-scraper (Playwright)
npx claudepluginhub pforret/cli-skills --plugin screenshot-webThis skill uses the workspace's default tool permissions.
Take screenshots of web pages using [shot-scraper](https://github.com/simonw/shot-scraper).
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Performs token-optimized structural code search using tree-sitter AST parsing to discover symbols, outline files, and unfold code without reading full files.
Take screenshots of web pages using shot-scraper.
Plugin root: this SKILL.md is at
skills/screenshot-web/SKILL.mdinside the plugin. All paths below (setup.sh,.venv/) are relative to the plugin root (two directories up from this file). Resolve them from this file's location before running.
Run once before first use:
bash <plugin-root>/setup.sh
<plugin-root>/.venv/bin/shot-scraper <url> [options]
| Option | Description |
|---|---|
<url> | URL to screenshot (required) |
-o FILE | Output file path (default: auto-named from URL) |
-w WIDTH | Viewport width in pixels (default: 1280) |
-h HEIGHT | Viewport height — omit for full-page capture |
-s SELECTOR | CSS selector — capture only that element |
--selector-all SEL | Capture all matching elements as separate files |
-j JS | JavaScript to execute before screenshot |
--wait MS | Milliseconds to wait after page load |
--retina | 2x pixel density (HiDPI) |
--quality N | JPEG quality 0-100 (use with -o file.jpg) |
<plugin-root>/.venv/bin/shot-scraper https://example.com -o example.png
<plugin-root>/.venv/bin/shot-scraper https://example.com -o mobile.png -w 390 -h 844
<plugin-root>/.venv/bin/shot-scraper https://example.com -o hero.png -s "#hero"
<plugin-root>/.venv/bin/shot-scraper https://example.com -o retina.png --retina
<plugin-root>/.venv/bin/shot-scraper https://example.com -o clean.png -j "document.querySelector('.cookie-banner')?.remove()"
No Python/venv needed — just Docker:
bash <plugin-root>/run.sh https://example.com -o example.png
The run.sh wrapper auto-detects: uses Docker if available (builds image on first run), falls back to venv. You can also run Docker directly:
docker run --rm -v "$(pwd):/work" cliskills/screenshot-web https://example.com -o example.png
Build the image once with: docker build -t cliskills/screenshot-web <plugin-root>/
When the user asks to take a screenshot of a URL:
PLUGIN_ROOT by resolving ../.. from this SKILL.md file's pathbash $PLUGIN_ROOT/run.sh <url> [options] — auto-detects Docker or venvbash $PLUGIN_ROOT/setup.sh) and use $PLUGIN_ROOT/.venv/bin/shot-scraper directlyscreenshot.png in cwd if not specified)Device viewport mappings:
-w 390 -h 844-w 768 -h 1024-w 1280 (omit -h for full page)For retina/print quality, add --retina.