Skip to content
FunCoding

screenshot-assets

Capture authenticated product screenshots through the repository-owned Playwright CDP script and archive them in the invoking loop's Memory. Use when content needs truthful UI evidence, reusable product screenshots, a selected component, or a full-page browser capture. Requires only user-installed uv and Chrome configured by onboarding; never depends on MCP tools, external Skills, private repositories, or external scripts.

Star
2,000
License
Apache-2.0
Last commit
Sep 28, 2026

executors/screenshot-assets/SKILL.md

View on GitHub

Screenshot assets

Use scripts/capture.py. It connects to the user's already-running Chrome through CDP, so the user completes login in their own browser and retains control of authentication.

Preconditions

If uv, Chrome, CDP, or the target login is unavailable, invoke onboard-growth-lab. Do not look for credentials in another repository and do not inject copied tokens or cookies.

Ask for the target URL, what UI fact the screenshot must prove, output path under the invoking Model's Memory, viewport, and optional CSS selector. Never infer a staging URL or test account.

Capture

Start Chrome with remote debugging as directed by onboarding, let the user log in, then run:

uv run --with playwright python executors/screenshot-assets/scripts/capture.py \
  --cdp http://127.0.0.1:9222 \
  --url "https://product.example/workspace/..." \
  --out memory/<loop>/assets/screenshots/<descriptive-name>.png \
  --width 1440 --height 900

For one stable component, add --selector '<css-selector>'. Add --wait-selector for a loading boundary and --delay-ms only when the application needs a short settling interval.

Quality and privacy

  • Capture only the minimum region needed to support the claim.
  • Inspect the output at full size. Reject loading, error, stale, clipped, blurred, or wrong-account states.
  • Redact personal data before distribution; do not capture secrets, cookies, tokens, admin panels, or unrelated user content.
  • Record source URL, capture time, viewport, selector, product version/environment, and what the screenshot demonstrates in a neighboring metadata file.
  • Do not use AI-generated UI as product evidence.
  • Store reusable screenshots once in the loop's Memory; outputs may reference them without duplicating the source asset.

Similar Skills

test-driven-development

OBobra/superpowers298k2,631 new stars in the last 7 days

migrate-to-shoehorn

MAmattpocock/skills288k10,178 new stars in the last 7 days

agent-runtime-gateway-smoke-test

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Featured

accessibility

Audit accessibility on Web, iOS, and Android to meet WCAG 2.2, with keyboard navigation and screen-reader support.

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

ai-regression-testing

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Official

firecrawl-build-interact

FIfirecrawl/firecrawl191k2,010 new stars in the last 7 days