Skills
.Work. You
Rest

ui-ux-expert-skill

Community

Build accessible React UIs that pass all tests

Software Engineering#accessibility#React#responsive design#shadcn/ui#TanStack Query#UI implementation#form validation
Authorfercracix33
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the guesswork in implementing production-ready React user interfaces that meet strict quality standards.

Core Features & Use Cases

  • 6-Phase Workflow: From Style Guide study to Chrome DevTools validation.
  • Accessibility Compliance: Ensures WCAG 2.1 AA standards and Core Web Vitals optimization.
  • Use Case: When you need to implement a new feature UI, this Skill provides the complete technical workflow to create components that pass 100% of E2E tests without modification.
  • Real Example: Create a task management interface with React, shadcn/ui, and TanStack Query integration.

Quick Start

Use the ui-ux-expert-skill to implement the user interface for the new 'projects' feature.

Quick Start

Use the ui-ux-expert-skill to build the projects page with create, edit, and delete functionality.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 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: ui-ux-expert-skill
Download link: https://github.com/fercracix33/poli2-clean-architecture/archive/main.zip#ui-ux-expert-skill

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 223,000+ vetted skills library on demand.