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

0•

브라우저 자동화

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.

주요 기능

01Standardized TDD gates to ensure environment readiness before testing

02Deep console and network request inspection for precise debugging

03Multi-step interaction recording with GIF export for visual proof

04In-page JavaScript execution and DOM state verification

050 GitHub stars

06Natural language element discovery and interaction (click, type, scroll)

사용 사례

01Verifying end-to-end user flows like login, checkout, and multi-step form submissions

02Creating visual documentation of UI interactions for bug reports or pull requests

03Debugging complex JavaScript errors and API failures in real-time browser sessions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add edwinhu/workflows dev-test-chrome

For use in Claude.ai and ChatGPT

Download Skill