ux-auditor-app

Community

Find and fix UI/UX issues before release.

Authorpaulinett1508-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents UI/UX regressions by systematically auditing the participant app experience, including design tokens, typography, responsiveness, UI states, navigation, and PWA/accessibility requirements.

Core Features & Use Cases

  • Comprehensive participant-app UI/UX audit: Scans all screens and fragments under /public/participante/ to ensure consistency with the design system.
  • Seven-dimension evaluation: Verifies design tokens/CSS correctness, typography rules, dark theme/color contrast, mobile-first responsiveness, loading/empty/error/offline states, SPA navigation flows, and PWA performance/accessibility.
  • Auto-fix workflow for common issues: Uses scripts/ux-auto-fix.js to automatically correct high-confidence, safe UX issues like hardcoded colors, z-index, emoji-as-icons, and inline styles (while explicitly not fixing complex UX states).

Quick Start

Ask the AI to run a complete UX audit of the participant app and produce a structured report across all seven dimensions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ux-auditor-app
Download link: https://github.com/paulinett1508-dev/SuperCartolaManagerv5-production/archive/main.zip#ux-auditor-app

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.