Ui screenshots
Take UI screenshots using agent-browser. Use this skill to capture visual state of UI components for code review, visual regression testing, or documentation.From its SKILL.md
npx -y skills add everruns/everruns --skill ui-screenshotsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
SKILL.md
2.0 KB, as published. Nobody here has run it
UI Screenshots
Capture UI state for review evidence with agent-browser.
Screenshots are never committed — the helper uploads them to GitHub's user-attachments CDN and
embeds them in a PR comment. The general media and video rules live in
../ship/references/pr-and-merge.md.
Scripts
Each script documents its own usage and requirements in its header; read it if the flags matter.
.agents/skills/ui-screenshots/scripts/check-config.sh # GitHub auth, agent-browser
.agents/skills/ui-screenshots/scripts/take-screenshot.sh <URL> <OUTPUT>
.agents/skills/ui-screenshots/scripts/upload-screenshot.sh <PATH> <PR> [DESCRIPTION]
For anything the scripts do not cover, drive agent-browser directly (open, screenshot --full,
snapshot -i -c, scroll, --session <name> to isolate instances).
Setup
npm install -g agent-browser
agent-browser install # add --with-deps on Linux when system libs are missing
Uploading needs GITHUB_TOKEN or an authenticated gh CLI session. The token must have push access
to everruns/everruns.
Non-obvious failures
- Missing browser build (e.g.
chromium_headless_shell-1208) withstorage.googleapis.comunreachable: symlink a nearby version in/root/.cache/ms-playwright/— minor version drift (1200 vs 1208) is normally compatible.cd /root/.cache/ms-playwright && ln -s chromium_headless_shell-1200 chromium_headless_shell-1208 && ln -s chromium-1200 chromium-1208 - Page hangs on localhost: the dev server is not up. See the local dev commands in
AGENTS.md. - Blank screenshot: wait for
networkidlebefore capturing.