skills.rest
artofrawr
artofrawrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-testing

Detect visual UI issues across web and mobile components.

1|Updated Jan 10, 2026
Search Tags:#accessibility#qa#contrast#responsive#ui-testing#design-review#visual-testing
One-click install
npx skills add https://github.com/artofrawr/claude-control --skill ui-testing-artofrawr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-testing
Source: https://github.com/artofrawr/claude-control/tree/main/skills/ui-testing
Command: npx skills add https://github.com/artofrawr/claude-control --skill ui-testing-artofrawr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI inconsistencies, inaccessible contrasts, and broken layouts can slip into production; this skill provides structured checks to surface visibility, accessibility, and responsiveness issues early.

Core Features & Use Cases

  • Visual verification checks for button visibility, color contrast, focus states, and responsive behavior across breakpoints.
  • Use cases include validating new components in web and mobile across themes and states.
  • Example: after adding a new button, run automated UI tests to confirm readability, accessibility, and layout consistency.

Quick Start

Run the UI verification pass on the latest changes and report any accessibility or layout violations.

Frequently Asked Questions about ui-testing

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

FAQPage Schema
How do I catch invisible UI elements and contrast issues before launch?▼

To catch invisible UI elements and contrast issues before launch, run a visual verification pass on new components. This process detects visibility, accessibility, and layout misalignments across web and mobile breakpoints.

How do I automate accessibility and contrast checks in a CI workflow?▼

Automate accessibility and contrast checks in a CI workflow by applying structured UI verification passes to validate components across themes and breakpoints. This ensures automated checks meet accessibility criteria and produce actionable reports.

Can I validate responsive behavior across breakpoints for new components?▼

Yes, you can validate responsive behavior across breakpoints for new components by running automated UI tests. These tests check button visibility, focus states, and layout consistency across web and mobile themes.

What is the best way to perform design QA on web and mobile components?▼

The best way to perform design QA on web and mobile components is running structured visual verification checks. This surfaces visibility, accessibility, and responsiveness issues early, generating actionable reports for layout misalignments.

Does UI testing detect broken layouts and inaccessible contrasts?▼

Yes, UI testing detects broken layouts and inaccessible contrasts by applying structured checks during development and CI workflows. It validates readability and layout consistency across different states and breakpoints.

Related Skills

Explore More Design & Creative Skills→
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
Vortex4047Vortex4047

ui-visual-validator

Validate UI screenshots against design and accessibility goals.

Community
Advanced
GLaDO8GLaDO8

unified-web-design

Review web UI accessibility and visual design against WCAG 2.1 guidelines.

Community
Basic
mkhsu2002mkhsu2002
1

web-design-guidelines

Apply modern web design principles to improve UI consistency across responsive layouts and accessibility.

Community
Intermediate