Agent-First Screenshots
Drives the real app over CDP to capture clean product screenshots.
Install
npx skills add Devin-AXIS/iPolloWork --skill agent-first-screenshots -g -a claude-code -y- Repository
- Devin-AXIS/iPolloWork7.3k
- Category
- Design
- Updated
- 3d ago
- License
- See repository
- Context cost
- Lightabout 1,134 tokens
- Runs scripts
- Yes, review before use
What it does
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.
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.
