Skills
.Work. You
Rest

ux-rx

Community

Craft world-class UX/UI for Next.js + shadcn.

Design & Creative#ui#performance#accessibility#next.js#shadcn/ui#design audit#ux
Authoracardozzo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill diagnoses and prescribes improvements for user experience and interface design in Next.js applications using shadcn/ui, ensuring a polished, accessible, and performant user journey.

Core Features & Use Cases

  • Comprehensive UX Audit: Evaluates against 11 dimensions including Accessibility (WCAG), Performance (Core Web Vitals), Component Usage (shadcn), Responsiveness, and more.
  • Actionable Recommendations: Provides a scored scorecard, opportunity maps, and per-dimension improvement plans.
  • shadcn Integration: Recommends specific shadcn registry components to implement improvements, including installation commands.
  • Visual Transformation: Generates Before/After Mermaid diagrams illustrating user flow improvements.
  • Use Case: Audit an existing dashboard page to identify UX bottlenecks, ensure WCAG AA compliance, and receive concrete steps to improve user satisfaction and task completion rates, leveraging shadcn components for faster implementation.

Quick Start

Run the ux-rx skill on the 'app' directory to evaluate the user experience.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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-rx
Download link: https://github.com/acardozzo/rx-suite/archive/main.zip#ux-rx

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.