From agentic-coding-tools
Extract and save browser screenshots from session transcripts
How this skill is triggered — by the user, by Claude, or both
Slash command
/agentic-coding-tools:chrome-screenshotThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Extract browser screenshots from Claude Code transcripts by their `ss_*` ID.
Extract browser screenshots from Claude Code transcripts by their ss_* ID.
Screenshot IDs are returned when you take screenshots with claude-in-chrome tools. These images are stored in the session transcript and can be retrieved later.
chrome-screenshot # List all screenshot IDs
chrome-screenshot ss_abc123 # Extract to stdout
chrome-screenshot ss_abc123 file.jpg # Save to file
chrome-screenshot ss_abc123 file.jpg <session> # From specific session
# Save screenshot to file
chrome-screenshot ss_3669oma6t .ai-reference/screenshots/homepage.jpg
# Then Read it to view
Read .ai-reference/screenshots/homepage.jpg
Save multiple screenshots, then Read them together:
chrome-screenshot ss_abc123 .ai-reference/screenshots/before.jpg
chrome-screenshot ss_def456 .ai-reference/screenshots/after.jpg
Read .ai-reference/screenshots/before.jpg
Read .ai-reference/screenshots/after.jpg
Claude sees both images for visual comparison.
npx claudepluginhub thesylvester/agentic-coding-tools --plugin read-transcriptStandardizes QA screenshot capture, organization, and comparison with directory structures, naming conventions, metadata, and baselines for test traceability.
Captures before/after screenshots of UI changes for pull request documentation using browser commands like browser_take_screenshot and browser_snapshot. Use for frontend PRs with visual modifications.
Captures web page screenshots with a tool cascade (browser MCP → shot-scraper → Playwright → user install). Handles full-page, element, viewport, retina, dark mode, and batched captures.