Agent-First Screenshots

Agent-First Screenshots is an Automation skill for Claude Code, published by Devin-AXIS in iPolloWork.

4.3K stars825 forkson Devin-AXIS/iPolloWorkAdded 2026/08/20Repository updated 2026/08/20

agent-collaborationagent-skillsai-agentsai-workclaude-codecodexdeepseek-harnessdsh-pluginenterprise-agent-workspacehermes-agentipollowork-pluginipollowork-skillopenclawopencodeopencode-pluginself-evolving-aivisual-editor

Install in seconds

Install Agent-First Screenshots

Copy Agent-First Screenshots into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Devin-AXIS/iPolloWork/tree/main/.opencode/skills/agent-first-screenshots ~/.claude/skills/agent-first-screenshots

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Devin-AXIS/iPolloWork.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .opencode/skills/agent-first-screenshots/SKILL.md in Devin-AXIS/iPolloWork
Installs to: ~/.claude/skills/agent-first-screenshots
Collection: One of 25 skills cataloged from this repository
Category: Automation — 1523 skills

What Agent-First Screenshots does

Agent-First Screenshots drives the real app via CDP and captures product screenshots gated by DOM, pixel, and vision verification before shipping. Use the skill for marketing images, landing pages, newsletters, social media, and any task to take or redo screenshots of the app.

Agent-First Screenshots is cataloged under Automation on DirSkills. Agent-First Screenshots comes from a repository tagged agent-collaboration, agent-skills, ai-agents, ai-work and claude-code.

Documentation

README

Excerpt

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.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Agent-First Screenshots

What else does Devin-AXIS publish alongside Agent-First Screenshots?
Agent-First Screenshots is one of 25 skills that DirSkills catalogs from Devin-AXIS/iPolloWork, the repository it ships in. Its siblings there include Acme Research, Browser Automation and Context7 Docs Research. Each one is a separate skill with its own page in this directory, installs the same way Agent-First Screenshots does, and is maintained by Devin-AXIS in that same repository. The rest of the collection is listed on the Devin-AXIS/iPolloWork page.
How does Agent-First Screenshots compare to other Automation skills?
Agent-First Screenshots ranks #308 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Agent-First Screenshots against them. Open each page to compare what they document and how they install.