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

Ready to run

npx skills add https://github.com/aronpc/ai --skill ui-ux-aronpc

💬 Prompt for ChatGPT / Claude Chat▼

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 friçõ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.