# Agent-First Screenshots

Drives the real app over CDP to capture clean product screenshots.

- Repository: https://github.com/Devin-AXIS/iPolloWork (7348 stars)
- Category: Design
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add Devin-AXIS/iPolloWork --skill agent-first-screenshots -g -a claude-code -y`
Codex: `npx skills add Devin-AXIS/iPolloWork --skill agent-first-screenshots -g -a codex -y`
Cursor: `npx skills add Devin-AXIS/iPolloWork --skill agent-first-screenshots -g -a cursor -y`
Gemini CLI: `npx skills add Devin-AXIS/iPolloWork --skill agent-first-screenshots -g -a gemini-cli -y`

## Description

Agent-first screenshots, an agent drives the real app via CDP and produces clean, defect-free product screenshots (newsletters, landing pages, social, decks, PR). Dual-channel verification (DOM + pixels + vision) in a capture loop. Use for any "take/redo screenshots of the app" task.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Agent-First Screenshots

An **agent-first screenshot** is produced by an agent driving the real app via
CDP, gated by **structural + pixel + vision verification** before it ships. It
turns screenshots from hand-crafted artifacts into a regenerable pipeline.

Use this for "take/redo screenshots / make marketing images" tasks. It is NOT
e2e evidence, for pass/fail proof use the `fraimz` skill.

## The Zero-Defect Bar

**A shippable screenshot has ZERO obvious visual defects**, the bar is not
"the content is present", it is: *would a human glancing at it immediately spot
something broken?* Overlapping or clipped text, misaligned/collapsed layout,
garbled or mid-transition content, blank regions, stray modals/tooltips, any
of these disqualifies the frame. Full stop.

## The One Method

**Operate the app like a power user preparing a demo, not like a developer
hacking the DOM.** The app already looks great: get it into a real, settled
state through the UI and capture it cleanly. Never rebuild or fake it.

## Golden Rules

The rest: https://github.com/Devin-AXIS/iPolloWork/blob/HEAD/.opencode/skills/agent-first-screenshots/SKILL.md