What technologies does this skill support?

While it focuses on universal UX principles, it provides specific implementation patterns for HTML, CSS, Vanilla JavaScript, and Socket.io environments.

How does the UX Designer skill improve my project?

It follows a structured methodology to audit your UI for bugs, test interactive elements, research best practices, and implement accessibility and performance improvements.

Can this skill help with WCAG compliance?

Yes, it specifically includes an Accessibility Perfection phase that checks keyboard navigation, ARIA labels, and color contrast ratios to meet accessibility standards.

When should I use the UX Designer skill?

Invoke this skill whenever you need to 'perfect the UI', fix visual bugs, improve a demo's flow, or ensure that your user experience is intuitive and error-free.

UX Designer & UI Perfectionist

Name: UX Designer & UI Perfectionist
Author: HR-AR

byHR-AR

Design Tools

Refines user interfaces to eliminate bugs, improve accessibility, and ensure a flawless user experience through deep research and comprehensive audits.

About

The UX Designer skill transforms basic interfaces into production-grade experiences by following a rigorous seven-phase methodology. It automates the process of visual inspections, interaction testing, and cross-browser bug hunting to achieve a zero-tolerance approach to UI inconsistencies. By leveraging specialized research agents, it provides domain-specific guidance on dashboard design, performance optimization, and WCAG-compliant accessibility, making it an essential tool for developers looking to create professional, polished demos and highly usable web applications.

Key Features

Comprehensive UX/UI Auditing for visual and interaction flaws
Visual hierarchy and micro-interaction refinement
Deep research integration for industry-standard design patterns
Automated accessibility testing and ARIA label implementation
Performance optimization for smooth animations and perceived speed
0 GitHub stars

Use Cases

Polishing a product demo to ensure a flawless experience for stakeholders
Fixing inconsistent UI behaviors and interactive element bugs
Conducting a full accessibility and usability audit of a web application

About

Key Features

Comprehensive UX/UI Auditing for visual and interaction flaws
Visual hierarchy and micro-interaction refinement
Deep research integration for industry-standard design patterns
Automated accessibility testing and ARIA label implementation
Performance optimization for smooth animations and perceived speed
0 GitHub stars

Use Cases

Polishing a product demo to ensure a flawless experience for stakeholders
Fixing inconsistent UI behaviors and interactive element bugs
Conducting a full accessibility and usability audit of a web application