skills.rest
sean-sunagaku
sean-sunagakuCOMMUNITY
Explore all skills by this author →
GitHub

ui-verify

Detect the running frontend app and execute UI tests via Chrome DevTools.

35|Updated Feb 15, 2026
Search Tags:#automation#frontend#qa#verification#diagnostics#ui-testing#chrome-devtools
One-click install
npx skills add https://github.com/sean-sunagaku/claude-code-plugin --skill ui-verify
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-verify
Source: https://github.com/sean-sunagaku/claude-code-plugin/tree/main/ui-verify/skills/ui-verify
Command: npx skills add https://github.com/sean-sunagaku/claude-code-plugin --skill ui-verify

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lsof, and includes scripts (resource) components.

What problem does it solve?

Frontend QA often requires manual checks to ensure UI components render correctly and interactions behave as expected. This skill automates discovery of the running frontend app and orchestrates UI tests via Chrome DevTools, reducing manual testing time and improving consistency.

Core Features & Use Cases

  • Auto-detects the active frontend app and routes verification tasks to the correct pages.
  • Operates through Chrome DevTools to perform automated interactions, debugging, and performance analysis.
  • Generates structured test results and highlights regressions, with actionable remediation steps.

Quick Start

Run ui-verify with no arguments to auto-detect your running frontend and start automated UI verification with Chrome DevTools.

Frequently Asked Questions about ui-verify

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

FAQPage Schema
How do I automate frontend UI tests for a running web app?▼

Automate frontend UI tests by auto-detecting your running app and driving scripted verification tasks through Chrome DevTools, generating structured results with actionable remediation steps.

What's the best way to run UI verification and regression checks without manual testing?▼

UI verification and regression checks are automated by routing tests to the correct pages, executing Chrome DevTools interactions, and highlighting regressions with structured reporting to reduce manual effort.

Can I use Chrome DevTools to automate frontend performance analysis and debugging?▼

Chrome DevTools automates frontend performance analysis and debugging by executing scripted interactions against the auto-detected app, validating visual correctness and interaction reliability across components.

Do I need lsof installed to run automated UI verification on my web project?▼

lsof is required as a dependency to run automated UI verification, enabling the app auto-detection mechanism that identifies the active frontend application before executing Chrome DevTools tests.

How does auto-detection work when starting UI tests on a local development server?▼

Auto-detection identifies the active frontend application running on your local server, routing verification tasks to the correct pages without requiring manual configuration or explicit target URLs.

What limitations should I expect when automating UI tests with Chrome DevTools?▼

Limitations include dependency on lsof for app detection and reliance on Chrome DevTools for interaction automation, meaning tests target modern web projects where visual correctness and interaction reliability must be validated.

Related Skills

Explore More Software Engineering Skills→
baasith6baasith6

detecting-port-conflicts

Diagnose port conflicts by identifying processes using lsof and offering resolution options.

Community
Intermediate
solace-illsolace-ill

test-flakiness

Analyze CI logs and JUnit/XML results to detect flaky tests.

Community
Intermediate
sadie100sadie100

measure-rerender

Measure React component re-rendering performance using Chrome DevTools.

Community
Advanced
leafcoderleafcoder
2

Browser Automation Expert

Automate browser interactions and web testing with Playwright and Puppeteer.

Community
Intermediate