ui-quality
CommunityBuild production-grade UIs.
Authorjimmymalhan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures user-facing interfaces are intuitive, accessible, and professional, reducing user confusion and improving adoption.
Core Features & Use Cases
- Component State Management: Implements all necessary UI states (Normal, Loading, Error, Success, Empty, Disabled, Validation) for interactive elements.
- Accessibility Compliance: Addresses keyboard navigation, ARIA labels, color contrast, and focus indicators.
- Business Language: Replaces technical jargon with clear, user-friendly terms.
- Use Case: When developing a new dashboard or form, use this Skill to guarantee all interactive elements have proper states, are accessible via keyboard, and use language that any user can understand.
Quick Start
Use the ui-quality skill to add missing states and accessibility fixes to the components in src/www/.
Dependency Matrix
Required Modules
None requiredComponents
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: ui-quality Download link: https://github.com/jimmymalhan/codereview-pilot/archive/main.zip#ui-quality Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.