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

0•

Design Tools

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

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

01Comprehensive UX/UI Auditing for visual and interaction flaws

02Visual hierarchy and micro-interaction refinement

03Deep research integration for industry-standard design patterns

04Automated accessibility testing and ARIA label implementation

05Performance optimization for smooth animations and perceived speed

060 GitHub stars

Use Cases

01Polishing a product demo to ensure a flawless experience for stakeholders

02Fixing inconsistent UI behaviors and interactive element bugs

03Conducting a full accessibility and usability audit of a web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hr-ar/project-conductor ux-designer

For use in Claude.ai and ChatGPT

Download Skill