What are the mandatory gates mentioned in the documentation?

The gates are a 6-step verification process (Build, Launch, Wait, Check Process, Read Logs, Verify Logs) that must be completed to ensure the application is stable before running browser tests.

How does this skill help with debugging API calls?

It includes specific tools to read network requests, allowing you to inspect request and response payloads directly rather than guessing based on UI behavior.

Does this skill work in headless mode for CI/CD?

No, this skill requires a visible browser window via the Chrome MCP extension. For headless or CI/CD environments, use the Playwright-specific skill.

Can I record videos of my automated tests?

Yes, it features a GIF creator that captures screenshots of specific interactions and exports them as an animated GIF for visual verification of the test flow.

Chrome Dev Testing & Automation

Name: Chrome Dev Testing & Automation
Author: edwinhu

byedwinhu

ブラウザ自動化

Automates Chrome browser testing with integrated console debugging, network inspection, and interactive session recording.

概要

This skill enables advanced end-to-end browser automation within Claude Code, specifically optimized for Chrome. It provides a robust framework for debugging by allowing direct access to browser console messages, network request payloads, and custom JavaScript execution within the page context. With built-in GIF recording and natural language element finding, it bridges the gap between manual debugging and automated testing, ensuring developers can verify complex UI interactions and troubleshoot API integrations with visual evidence and standardized TDD workflows.

主な機能

Standardized TDD gates to ensure environment readiness before testing
Deep console and network request inspection for precise debugging
Multi-step interaction recording with GIF export for visual proof
In-page JavaScript execution and DOM state verification
0 GitHub stars
Natural language element discovery and interaction (click, type, scroll)

ユースケース

Verifying end-to-end user flows like login, checkout, and multi-step form submissions
Creating visual documentation of UI interactions for bug reports or pull requests
Debugging complex JavaScript errors and API failures in real-time browser sessions

概要

主な機能

Standardized TDD gates to ensure environment readiness before testing
Deep console and network request inspection for precise debugging
Multi-step interaction recording with GIF export for visual proof
In-page JavaScript execution and DOM state verification
0 GitHub stars
Natural language element discovery and interaction (click, type, scroll)

ユースケース

Verifying end-to-end user flows like login, checkout, and multi-step form submissions
Creating visual documentation of UI interactions for bug reports or pull requests
Debugging complex JavaScript errors and API failures in real-time browser sessions