ux-ui-mastery
Design audits, UI fixes, and production component generation
All Skills in This Repository (19)
Pure Emerald Level IndicatorsUI Visual Design System
Define visual design systems for typography, color, spacing, and accessibility.
Cross-Cultural & Internationalization UX
Design internationalized user interfaces for multilingual, multi-script, and right-to-left products.
Agentic AI & Generative UX
Design agentic AI and generative UX interfaces with autonomy boundaries and trust cues.
Desktop App Design
Design desktop application interfaces for dense professional workflows and enterprise tools.
NNG UX Heuristics
Evaluate interface usability against Nielsen's 10 heuristics with severity ratings.
Interaction & Motion Design
Specify timing, easing, spring physics, and reduced-motion behavior for interface motion systems.
design-critique-case-studies
Analyze product designs and critique materials into actionable feedback.
component-patterns-code
Generate accessible React, TypeScript, SwiftUI, and CSS components with state handling.
Accessibility & Inclusive Design
Convert accessibility requirements into WCAG 2.2 and ARIA implementation guidance.
cognitive-psychology-ux
Analyze UX interfaces for cognitive load, decision bias, and attention failures.
Ambient Computing & Calm Technology
Design ambient computing interfaces that minimize attention demand.
Design Systems Architecture
Standardize design system architecture with W3C DTCG tokens and Figma-to-code synchronization.
Frequently Asked Questions
FAQPage SchemaHow to install ux-ui-mastery?โผ
Run `npx skills add phazurlabs/ux-ui-mastery --all -g -y` in your terminal to install all skills globally.
How to fix AI-generated UI that looks generic?โผ
Run the /fix command on your component file. It detects common AI design patterns, rewrites typography, color, spacing, and states, and cites the design principle behind each fix.
Can it audit my design for accessibility?โผ
Yes. The /a11y command runs a WCAG 2.2 review with corrected code, and the /audit command scores heuristics, cognitive load, dark patterns, and flow issues with severity ratings.
Does it work with Claude Code and other coding agents?โผ
Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, Codex, and other compatible agents.
Do I need design experience to use it?โผ
No. Type /start and it asks what you are working on in plain language, picks the right process, and runs it without you knowing any of the skill names.
Related Repositories in Design & Creative
View All in Design & Creativeโui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video