What kind of reports does the skill generate?

It creates a detailed Markdown report containing a summary of actions, detected errors, console logs, and links to generated screenshots or GIFs.

Does this skill require a specific browser?

Yes, this skill is designed to work specifically with Google Chrome through the Model Context Protocol (MCP) interface.

How do I preview a test before it executes?

By using the --help flag, Claude will provide a complete summary of the planned actions, target URL, and active options for your confirmation.

Can I test my website on mobile devices?

Yes, you can use the --mobile, --tablet, or --responsive flags to automatically resize the viewport and test layouts on specific device dimensions.

Can it handle authentication and forms?

Absolutely. By providing a --scenario description, you can instruct Claude to fill out login forms, click buttons, and verify redirected states.

Chrome UI Tester

Name: Chrome UI Tester
Author: atournayre

byatournayre

•

보안 및 테스팅

Automates end-to-end UI testing in Google Chrome with visual validation, responsive checks, and technical debugging.

The Chrome UI Test skill empowers Claude to perform comprehensive automated testing of web interfaces directly within the browser. It handles complex user scenarios—including login flows, form submissions, and e-commerce journeys—while capturing screenshots and recording GIFs of the process. With built-in support for responsive design testing across mobile, tablet, and desktop viewports, it also provides deep technical debugging by analyzing console logs and network requests, concluding with a professional Markdown report for developers.

주요 기능

01Responsive design testing across mobile, tablet, and desktop viewports

02Automated scenario execution for complex multi-step user flows

03Comprehensive Markdown report generation with detailed success/failure metrics

04Technical debugging through console log and network request analysis

05Visual validation with automated screenshot capture and GIF recording

068 GitHub stars

사용 사례

01Debugging complex frontend issues by capturing live network traffic and JavaScript errors

02Auditing website responsiveness and layout consistency across various device sizes

03Verifying critical user paths like sign-up or checkout flows before deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add atournayre/claude-marketplace ui-test

For use in Claude.ai and ChatGPT

Download Skill