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.

About

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

Custom JavaScript evaluation within the browser context
Automated Chrome navigation and multi-step interaction
9 GitHub stars
Session and cookie management for authenticated testing
High-fidelity visual verification via screenshot capture
Interactive element selection using CSS selectors

Use Cases

Validating UI flows and layout consistency in local development environments
Generating visual evidence and documentation for automated test reports
Automating repetitive browser tasks like form submissions and data entry

About

Key Features

Custom JavaScript evaluation within the browser context
Automated Chrome navigation and multi-step interaction
9 GitHub stars
Session and cookie management for authenticated testing
High-fidelity visual verification via screenshot capture
Interactive element selection using CSS selectors

Use Cases

Validating UI flows and layout consistency in local development environments
Generating visual evidence and documentation for automated test reports
Automating repetitive browser tasks like form submissions and data entry