ui-qa

Community

Automate UI QA with browser automation and AI

Authorzhsks311
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables automated visual QA for web UIs by combining browser automation with AI-driven screenshot analysis to identify visual and accessibility issues, reducing manual QA effort.

Core Features & Use Cases

  • Visual QA & Consistency: verify color, typography, spacing, and layout across pages and states.
  • Accessibility Checks: assess contrast, focus states, and touch targets for WCAG AA compliance.
  • Multimodal Analysis: leverage AI to interpret screenshots and provide actionable insights for frontend teams.

Quick Start

Use the UI QA skill to test a page by providing a full URL after the command, e.g.: /ui-qa http://localhost:3000 /ui-qa http://localhost:5173/dashboard If no URL is provided, the tool will attempt to auto-detect a dev server on common ports.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-qa
Download link: https://github.com/zhsks311/cc-orchestrator/archive/main.zip#ui-qa

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.