skills.rest
sadie100
sadie100COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/sadie100/claude-dotfiles --skill validate-ui-sadie100
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
dmarinsdmarins

browser-testing-with-devtools

Inspect DOM elements, network traffic, console logs, and performance metrics via Chrome DevTools.

Community
Advanced
nullmastermindnullmastermind
9

spx-vibe

Diagnose root causes of code bugs using evidence tracing and 5-Whys analysis.

Community
Advanced
zerAdazerAda

bmad-qa-generate-e2e-tests

Generate end-to-end API and UI tests for identified application features.

Community
Advanced
XD3anXD3an
11

webapp-testing

Automate web application testing with Playwright scripts for frontend validation.

Community
Intermediate