From ralph-playwright
Quick one-shot — screenshot a URL and optionally promote the screenshot to a research note in thoughts/. Runs execute (1-step) → reflect (minimal) → act (promote). Use for grabbing a screenshot of a specific page state.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ralph-playwright:captureThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
From arguments or ask:
From arguments or ask:
url: The URL to screenshot (required)note: Path to an existing or new research note to attach the screenshot to (optional)name: Meaningful name for the screenshot (optional, derived from URL if omitted)Generate session: <date>-capture-<slug>
mkdir -p ".playwright-cli/<session>"
playwright-cli -s=<session> open
playwright-cli -s=<session> goto "<url>"
playwright-cli -s=<session> snapshot --filename=".playwright-cli/<session>/00_page.md"
playwright-cli -s=<session> screenshot --filename=".playwright-cli/<session>/00_page.png"
playwright-cli -s=<session> close
Write a minimal journey trace to .playwright-cli/<session>/journey-trace.yaml:
id: "<uuid>"
timestamp: "<now>"
input:
kind: freeform
url: "<url>"
goal: "Capture screenshot"
session: "<session>"
runtime:
backend: cli
version: "<version>"
steps:
- index: 0
action: navigate
target: "<url>"
outcome: pass
screenshot: ".playwright-cli/<session>/00_page.png"
snapshot: ".playwright-cli/<session>/00_page.md"
console: []
duration_ms: <ms>
error: null
summary:
total_steps: 1
passed: 1
failed: 0
duration_ms: <ms>
Read the screenshot and snapshot. Produce a minimal signal report:
Write to .playwright-cli/<session>/signal-report.yaml.
If a note path was provided (or the user wants to save the screenshot):
mkdir -p "thoughts/local/assets/<note-slug>/"
cp ".playwright-cli/<session>/00_page.png" "thoughts/local/assets/<note-slug>/<name>.png"
---
date: <today>
type: research
assets:
- thoughts/local/assets/<note-slug>/<name>.png
---
If the note exists, append the asset path to its assets frontmatter and add an inline reference.
Write action log to .playwright-cli/<session>/action-log.yaml.
Report the screenshot location and whether it was promoted:
.playwright-cli/<session>/00_page.pngthoughts/local/assets/<note-slug>/<name>.png (if promoted)<note-path> (if attached to a note)npx claudepluginhub cdubiel08/ralph-hero --plugin ralph-playwrightCaptures 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.
Captures screenshots of web pages, local files, and Reveal.js presentations using Playwright, enabling visual inspection and iteration for agents that cannot see rendered UI.
Captures screenshots via Playwright MCP from URLs or elements for blog posts or documentation. Handles viewport, cookie banners, full-page vs section, anchor scroll, and PNG/JPG formats.