How does this skill handle dynamic web content?

It uses JavaScript evaluation and interactive element picking to wait for specific DOM states or interact with elements that load dynamically.

Does it support authenticated sessions?

Yes, by using the default browser profile, it can maintain cookies and login sessions across different testing commands.

Can I test applications running on localhost?

Yes, this skill is specifically optimized for testing applications running on local development ports like localhost:5173 or localhost:3000.

What prerequisites are required for this skill?

You must install the 'agent-tools' package from GitHub and ensure that browser-specific executables like browser-start.js are available in your system PATH.

Is visual verification automated?

The skill captures screenshots at specified intervals or after actions, allowing for manual or automated comparison of the UI state.

Browser Testing with Screenshots

Name: Browser Testing with Screenshots
Author: AgentWorkforce

byAgentWorkforce

•

Browser Automation

Automates Chrome browser interactions and visual verification to streamline web application testing and UI documentation.

This skill enables Claude to perform comprehensive end-to-end browser testing by interfacing with the Chrome DevTools Protocol via agent-tools. It provides a robust framework for automated navigation, complex element interaction, and high-fidelity screenshot capture to verify UI functionality and visual layouts. By combining human-like element selection with automated scripting, it simplifies testing localhost applications, documenting application behavior, and identifying visual regressions during the development lifecycle.

Key Features

01Custom JavaScript evaluation within the browser context

02Automated Chrome navigation and multi-step interaction

039 GitHub stars

04Session and cookie management for authenticated testing

05High-fidelity visual verification via screenshot capture

06Interactive element selection using CSS selectors

Use Cases

01Validating UI flows and layout consistency in local development environments

02Generating visual evidence and documentation for automated test reports

03Automating repetitive browser tasks like form submissions and data entry

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentworkforce/relay browser-testing-with-screenshots

For use in Claude.ai and ChatGPT

Download Skill