validate-ui

Automate UI validation in web applications using Chrome DevTools and JavaScript.

Updated Apr 8, 2026

Search Tags:#browser automation #chrome devtools #ui testing #ui validation #web application testing

Ready to run

npx skills add https://github.com/sadie100/claude-dotfiles --skill validate-ui-sadie100

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: validate-ui
Source: https://github.com/sadie100/claude-dotfiles/tree/main/skills/validate-ui
Command: npx skills add https://github.com/sadie100/claude-dotfiles --skill validate-ui-sadie100

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires user-chrome-devtools, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates UI validation in the browser using Chrome DevTools, solving the need for manual UI testing and verification after code changes.

Core Features & Use Cases

Automated UI Testing: Validates UI changes in the browser automatically after code updates.
Mode Selection: Offers two modes for validation: automatic and scenario-based.
Use Case: After a code update, the user can ask the AI to validate the UI changes by running the skill and providing the necessary steps.

Quick Start

Run the validate-ui skill to automatically check the UI changes in the browser after the latest code update.

Frequently Asked Questions about validate-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate UI validation in the browser after code changes?▼

Automate UI validation after code changes by running this Skill to interact with the user-chrome-devtools MCP server and execute JavaScript in the browser context. It checks web application UI components automatically, replacing manual verification.

What is scenario-based UI testing and does it support automatic mode?▼

Scenario-based UI testing allows you to provide specific validation steps. The Skill also offers an automatic mode for validating UI changes directly in the browser via Chrome DevTools without requiring predefined scenarios.

Do I need the user-chrome-devtools MCP server to run UI tests?▼

Yes, you need the user-chrome-devtools MCP server set up and running. The Skill depends on this server to interact with Chrome DevTools and execute the required JavaScript within the active browser context.

Can I validate web application UI components using Chrome DevTools and AI?▼

Yes, you can validate web application UI components using Chrome DevTools and AI. The Skill automates the process by executing JavaScript directly in the browser to verify UI modifications.

What's the best way to verify UI modifications after a code update?▼

The best way to verify UI modifications is using the automatic validation mode. It leverages Chrome DevTools to immediately check web application UI components against expected behavior after the latest code update.