skills.rest
darkroomengineering
darkroomengineeringOFFICIAL
Explore all skills by this author →
Website𝕏@darkroomdevsGitHub

qa

Validate UI visuals and accessibility with agent-browser in QA workflows.

41|3|Updated Jan 12, 2026
Search Tags:#automation#accessibility#a11y#qa#ui-testing#visual-validation
One-click install
npx skills add https://github.com/darkroomengineering/cc-settings --skill qa-darkroomengineering
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa
Source: https://github.com/darkroomengineering/cc-settings/tree/main/skills/qa
Command: npx skills add https://github.com/darkroomengineering/cc-settings --skill qa-darkroomengineering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validates UI visuals and accessibility across web applications by performing systematic checks and visual captures with agent-browser to prevent regressions and accessibility issues.

Core Features & Use Cases

  • Visual regression checks across pages and components
  • Accessibility validation including alt text, ARIA labels, and color contrast
  • Automated screenshots and snapshot comparisons for PR reviews
  • Guided workflow: validate after changes, before submissions, and during QA cycles

Quick Start

Run a visual QA validation workflow by navigating to the target page and capturing a screenshot with agent-browser.

Frequently Asked Questions about qa

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

FAQPage Schema
How do I automate visual regression checks before submitting a PR?▼

You can automate visual regression checks by using agent-browser to navigate target pages, capture screenshots, and compare UI snapshots before PR submissions to detect and prevent component regressions.

How do I validate accessibility features like alt text and color contrast in a web application?▼

Accessibility validation enforces checks for alt text, ARIA labels, color contrast, focus indicators, and touch targets using agent-browser within QA workflows to ensure web application compliance.

When should I run UI visual validation during the development cycle?▼

Run UI visual validation after component changes, before PR submissions, and during QA cycles to systematically capture visuals and prevent regressions and accessibility issues across web pages.

Does visual QA testing require a specific browser environment?▼

Visual QA testing requires agent-browser running in a supported browser environment to execute systematic visual captures, snapshot comparisons, and accessibility checks for web applications.

What specific a11y checks are enforced during automated UI testing?▼

Automated UI testing enforces a11y checks for alt text, ARIA labels, color contrast, focus indicators, and touch targets to validate accessibility compliance across web pages and components.

Related Skills

Explore More Software Engineering Skills→
roderikroderik

evidence

Record browser flows and distribute video and screenshots to Linear and GitHub.

Community
Advanced
RoyincogRoyincog

code-review

Audit modified files for AEM Edge Delivery Services quality and standards.

Community
Intermediate
krutikJainkrutikJain
14

android-testing-ui

Automate Compose UI tests and Espresso checks for Android applications.

Community
Advanced
MathiasPaulenkoMathiasPaulenko

WaveXis Accessibility

Automate accessibility audits and WCAG 2.2 compliance checks with axe-core.

Community
Advanced