skills.rest
HR-AR
HR-ARCOMMUNITY
Explore all skills by this author →
GitHub

ux-designer

Audit HTML, CSS, and vanilla JavaScript interfaces for UX bugs.

1|Updated Sep 25, 2025
Search Tags:#accessibility#a11y#usability#demo#ui-design#ux#visual-bugs
One-click install
npx skills add https://github.com/HR-AR/Project-Conductor --skill ux-designer-hr-ar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/HR-AR/Project-Conductor/tree/main/.claude/skills/ux-designer
Command: npx skills add https://github.com/HR-AR/Project-Conductor --skill ux-designer-hr-ar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you achieve zero-bug UX and flawless user experiences by conducting comprehensive UX audits and guiding improvements.

Core Features & Use Cases

  • Comprehensive UX Audit: Visual, interaction, and accessibility checks to identify UX flaws.
  • Research-backed Design Guidance: Leverages best practices for intuitive interfaces and demo reliability.
  • Iterative Demo Improvements: Fix demo UI issues and improve usability.

Quick Start

Apply the UX Designer skill to the 7-module demo to audit and fix UI inconsistencies, delivering a flawless user experience.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I identify and fix UX bugs in my interactive demos?▼

UX bug fixes start with comprehensive audits covering visual inconsistencies, interaction failures, and accessibility gaps. This Skill conducts end-to-end testing across HTML, CSS, and vanilla JavaScript to surface UI flaws, then applies research-backed guidance to resolve them and improve usability measurably.

Can I audit accessibility compliance in my dashboard or onboarding flow?▼

Yes. Accessibility audits are core to this Skill's approach, checking WCAG alignment and a11y standards alongside visual and interaction testing. It identifies compliance gaps in dashboards, onboarding flows, and responsive designs, then recommends fixes for cohesive, accessible user experiences.

What's the best way to test responsive UI across different screen sizes?▼

Comprehensive UX audits include responsive design testing to catch layout, interaction, and performance issues across devices. This Skill applies best-practice checks to HTML, CSS, and JavaScript stacks, identifying real-time update failures and visual bugs that break usability at any breakpoint.

How do I analyze user flows to improve demo reliability?▼

User-flow analysis maps interaction paths through demos, onboarding sequences, and dashboards to expose friction, performance constraints, and usability gaps. This Skill combines flow analysis with visual and accessibility testing to deliver iterative improvements and measurable usability gains.

Do I need coding knowledge to apply UX improvements from an audit?▼

This Skill works with HTML, CSS, and vanilla JavaScript stacks and provides best-practice guidance tied to concrete code. While technical context helps, the audit output targets both developers and designers, offering actionable recommendations for fixing accessibility, visual, and interaction issues.

Related Skills

Explore More Design & Creative Skills→
hendrax5hendrax5

phase-3-mockup

Create component-separated HTML/CSS/JavaScript mockups with JSON data for Next.js conversion.

Community
Intermediate
ilanf23ilanf23
1

metrics-definition

Define measurable UX metrics linking design decisions to business outcomes.

Community
Intermediate
hotriluanhotriluan
2

web-testing

Automate web testing workflows across unit, integration, E2E, load, security, visual regression, and accessibility tests.

Community
Advanced
bacocobacoco
57

Discovery Journey & Visual Inspiration

Guide discovery journeys and generate persona, journey, and moodboard artifacts.

Community
Intermediate