skills.rest
aronpc
aronpcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux

Identify and validate visual UI/UX inconsistencies across web applications.

1|Updated Feb 13, 2026
Search Tags:#accessibility#a11y#ui-ux#browser-automation#visual-validation#ui-audit
One-click install
npx skills add https://github.com/aronpc/ai --skill ui-ux-aronpc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/aronpc/ai/tree/main/skills/ui-ux
Command: npx skills add https://github.com/aronpc/ai --skill ui-ux-aronpc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Identifica frições visuais, inconsistências de UI/UX e questões de acessibilidade, permitindo validação rápida sem depender apenas de revisão manual.

Core Features & Use Cases

  • Validação Visual Automatizada: executa verificações usando automação de browser para capturar estados visuais.
  • Auditoria de Acessibilidade: verifica contraste, acessibilidade por teclado, e descrições de imagem.
  • Integração com Workflows: facilita a combinação com mcp, spec, codebase e ux para melhoria contínua.

Quick Start

Use esta skill para iniciar uma sessão de auditoria visual de uma página web.

Frequently Asked Questions about ui-ux

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

FAQPage Schema
How do I automate visual UI/UX validation for a web application?▼

Automate visual UI/UX validation by using browser automation tooling to capture screenshots and analyze console logs, identifying visual inconsistencies and friction points across web applications without relying solely on manual review.

What is automated accessibility auditing for cross-browser layouts?▼

Automated accessibility auditing uses browser automation to check cross-browser layouts for visual inconsistencies, verifying keyboard navigation, image descriptions, and color contrast to ensure compliance with a11y standards.

Do I need Puppeteer MCP to run an automated UI audit?▼

Yes, satisfying automation-based visual checks requires Puppeteer MCP to execute browser tooling, capture visual states via screenshots, and perform console log analysis for identifying UI/UX inconsistencies.

Can I use browser automation to check design system inconsistencies?▼

Yes, you can apply browser automation to audits of design systems, capturing screenshots across web applications to identify and validate visual UI/UX inconsistencies and accessibility issues rapidly.

What is the best way to find visual friction without manual UI review?▼

Using browser automation for screenshot capture and console log analysis is the best way to find visual friction, enabling rapid validation of UI/UX inconsistencies and accessibility checks without manual review.

Related Skills

Explore More Design & Creative Skills→
jwmyersjwmyers

visual-style-guide

Define color palettes, SVG styling, and token designs for Zero-Day Attack interfaces.

Community
Intermediate
summarybotngsummarybotng
2

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 accessibility.

Official
Advanced
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced