skills.rest
everruns
everrunsOFFICIAL
Explore all skills by this author →
Website𝕏@everrunshqGitHub

ui-screenshots

Capture web page screenshots with agent-browser for visual verification.

42|1|Updated Dec 14, 2025
Search Tags:#ui#documentation#qa#screenshot#cloudinary#visual-regression#agent-browser
One-click install
npx skills add https://github.com/everruns/everruns --skill ui-screenshots
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-screenshots
Source: https://github.com/everruns/everruns/tree/main/.agents/skills/ui-screenshots
Command: npx skills add https://github.com/everruns/everruns --skill ui-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agent-browser, curl, jq, sha1sum, and includes scripts (resource) components.

What problem does it solve?

UI teams often require quick, consistent visual representations of web interfaces to compare designs, verify changes, and document UI behavior. This skill automates capturing reliable screenshots of web pages to streamline reviews and documentation.

Core Features & Use Cases

  • Automated full-page screenshots and quick captures for UI components
  • Easy integration with agent-browser for reliable rendering across environments
  • PR-friendly workflows: upload to Cloudinary and post comments with embedded images

Quick Start

Run the take-screenshot.sh script with a target URL and an output path to generate a screenshot.

Frequently Asked Questions about ui-screenshots

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I capture UI screenshots for visual regression testing in a CI pipeline?▼

You can automate full-page UI screenshot capture in CI pipelines by running the take-screenshot.sh script with agent-browser to render web pages and output consistent image files for visual regression testing.

What's the best way to automate web page screenshots for UI documentation?▼

The best way to automate web page screenshots for UI documentation is running the take-screenshot.sh script with agent-browser to capture consistent full-page visual representations of web interfaces.

Can I post UI screenshots as comments on GitHub pull requests?▼

Yes, you can post UI screenshots as comments on GitHub pull requests by uploading captured images to Cloudinary and using the workflow to annotate PRs with embedded visual previews.

Do I need agent-browser installed to capture web page screenshots?▼

Yes, agent-browser is a required dependency for capturing web page screenshots, providing the browser automation and page rendering capabilities needed across local and CI environments.

How does visual regression testing work with automated page capture?▼

Visual regression testing with automated page capture works by using agent-browser to take consistent full-page screenshots of web interfaces, allowing teams to compare designs and verify UI changes across builds.

Related Skills

Explore More Design & Creative Skills→
EvanBaconEvanBacon
571

agent-browser

Automate browser interactions for testing, form filling, and data extraction via CLI.

Community
Intermediate
vipulgupta2048vipulgupta2048
19

gitshot

Upload images to GitHub issues and pull requests with markdown-ready URLs.

Community
Intermediate
benjaminshoemakerbenjaminshoemaker
39

browser-verification

Automate browser-based UI verification with MCP tooling and evidence capture.

Community
Advanced
vijaykpatelvijaykpatel

before-and-after

Capture before/after screenshots from two URLs or image paths.

Community
Intermediate