skills.rest
ColeMurray
ColeMurrayCOMMUNITY
Explore all skills by this author →
Website𝕏@colemurrayGitHub

agent-browser

Capture, annotate, and compare website screenshots for UI testing.

2.6k|379|Updated Jan 25, 2026
Search Tags:#automation#accessibility#browser automation#ui testing#screenshot#visual diff
One-click install
npx skills add https://github.com/ColeMurray/background-agents --skill agent-browser-colemurray
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agent-browser
Source: https://github.com/ColeMurray/background-agents/tree/main/packages/sandbox-runtime/src/sandbox_runtime/skills/agent-browser
Command: npx skills add https://github.com/ColeMurray/background-agents --skill agent-browser-colemurray

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users quickly capture screenshots of web pages and visually compare different states, enabling efficient UI inspection and verification.

Core Features & Use Cases

  • Screenshot Capture: Take screenshots of websites or applications for documentation or verification purposes.
  • Visual Diff: Compare two UI states to identify visual differences, aiding in UI regression testing.
  • Analyze Accessibility and Layouts: Inspect accessibility structures or capture page snapshots for analysis.

Quick Start

Use the agent-browser skill to take a full-page screenshot of the current webpage and save it as a PNG file.

Frequently Asked Questions about agent-browser

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

FAQPage Schema
How do I capture a full-page screenshot for UI testing?▼

You can capture a full-page screenshot for UI testing by using the screenshot command to take snapshots of web pages and save them as PNG files for documentation and visual verification.

What is visual diff testing and how does it help with UI regression?▼

Visual diff testing compares two UI states to identify visual differences, aiding in UI regression testing by highlighting unintended layout or style changes between website snapshots.

Can I inspect accessibility structures using browser automation?▼

Yes, you can inspect accessibility structures using browser automation commands to capture page snapshots and analyze the accessibility layout of your web applications efficiently.

Does this screenshot tool work without external dependencies?▼

Yes, this screenshot tool works without external dependencies, allowing you to capture, annotate, and compare website screenshots directly within your existing automation workflow.

What's the best way to compare two website screenshots for layout differences?▼

The best way to compare two website screenshots for layout differences is using the diff command, which visually compares two captured UI states to identify visual changes during regression testing.

When should I use visual verification instead of manual UI inspection?▼

You should use visual verification instead of manual UI inspection when you need to reliably compare different UI states, automate regression testing, or manage visual documentation across multiple page snapshots.

Related Skills

Explore More Software Engineering Skills→
tutur3ututur3u
53

agent-browser

Drive the agent-browser CLI to navigate pages, fill forms, and extract data.

Official
Advanced
Camilo8902Camilo8902

visual-regression-tester

Automate visual regression testing with Playwright and Chromatic screenshot comparisons.

Community
Advanced
zerAdazerAda

bmad-qa-generate-e2e-tests

Generate end-to-end API and UI tests for identified application features.

Community
Advanced
timinoutiminou

visual-testing

Manage visual regression testing for web applications with Playwright and AI-readable screenshots.

Community
Intermediate