The definitive UX/UI design mastery plugin — 19 skills, 55 references, 10 commands, 300K+ words. Covers cognitive psychology, component code (React/SwiftUI/CSS), heuristic evaluation, design critique with case studies, Figma workflows with MCP design-to-code, research methods, mobile/desktop/web design (iOS 26 Liquid Glass, Material 3 Expressive), visual systems, accessibility (WCAG 2.2 + 3.0), motion and haptics, AI/spatial/voice UX, agentic AI and generative UI, performance states, cross-cultural i18n, ambient/calm technology, UX metrics, design systems architecture, and ethics/content strategy. Built on NNG Group methodology, 50+ cognitive biases, 25+ Laws of UX, and research from arXiv, ACM CHI 2025, W3C, Smashing Magazine 2026, and industry sources.
npx claudepluginhub phazurlabs/ux-ui-mastery --plugin ux-ui-masteryDeep WCAG 2.2 compliance audit on code with specific fixes for every violation found.
Audit AI-powered features against agentic, trust, safety, and interaction best practices with scoring and specific fix recommendations.
Audit an interface against Laws of UX, Gestalt principles, and cognitive bias analysis. Evaluates cognitive load, decision architecture, and attention management with scored findings.
Build a production-ready UI component with full state matrix, accessibility, design tokens, and platform code (React/SwiftUI/CSS).
Conduct a structured design critique using the Liz Lerman Critical Response Process, scoring across 10 dimensions with heuristic-grounded feedback.
Comprehensive design review scoring a UI across all 10 skill domains with detailed feedback and improvement roadmap.
Generate production code from a Figma design specification using the MCP-powered design-to-code flywheel. Extracts tokens, components, and layout to produce platform-ready code.
Generate a complete design token system from brand requirements following the W3C Design Tokens specification.
Audit any UI component, screen, or codebase against NNG's 10 usability heuristics with severity ratings and actionable recommendations.
Generate a complete UX metrics plan for any product using the HEART framework with goals, signals, metrics, measurement tools, and dashboard specification.
Comprehensive accessibility expertise covering WCAG 2.2 compliance, ARIA patterns, screen reader optimization, keyboard navigation, motor and cognitive accommodations, neurodiversity considerations, and inclusive design methodology.
Design patterns for agentic AI systems, multi-agent orchestration, generative UI, RAG interfaces, AI safety guardrails, trust calibration, and the paradigm shift from tool-based to agent-based interfaces. Covers AI copilot frameworks, prompt engineering UX, and AI anti-patterns.
Design patterns for AI-native interfaces, conversational UX, spatial computing (AR/VR/MR), voice interfaces, multimodal interaction design, and emerging interaction paradigms for 2025-2030.
Calm technology principles, zero-UI patterns, ambient computing interfaces, proactive intelligence UX, screenless interaction design, and background intelligence systems
Cognitive psychology foundations for UX design — Laws of UX, Gestalt principles, cognitive biases, mental models, attention, memory, and perception science applied to interface design
Production-ready UI component patterns with complete code examples in React/TypeScript, SwiftUI, and modern CSS. Covers component state matrices, accessibility patterns, design token integration, and responsive behavior.
Comprehensive internationalization and localization patterns covering RTL layouts, CSS logical properties, text expansion, date/time/number/currency formatting, cultural color semantics, Hofstede's cultural dimensions applied to UX, and cross-cultural usability testing.
Design critique methodology and real-world case studies. Structured critique frameworks (Liz Lerman, 30/60/90), product deep-dives (Stripe, Linear, Notion, Airbnb, Figma, Arc), redesign failure analysis, and actionable feedback protocols.
Design system architecture covering design token specification (W3C standard), component library patterns, theming architecture, multi-brand systems, governance models, versioning strategy, and design-to-code integration.
Desktop and enterprise application design patterns covering data-dense interfaces, dashboard design, complex workflow management, keyboard-first interaction, multi-window patterns, and professional tool design.
Figma mastery and design-to-code workflows. Auto Layout, component architecture, variable modes, Dev Mode, Figma MCP integration, Code Connect, design token pipelines, visual regression testing, and AI-assisted design-to-code flywheel.
Micro-interaction patterns, animation timing and easing curves, transition design, emotional design through motion, haptic feedback, loading state choreography, and reduced-motion accessibility support.
Mobile-first design methodology covering touch interaction patterns, gesture systems, responsive design, iOS and Android platform conventions, mobile form design, thumb-zone optimization, and performance-conscious UX.
Jakob Nielsen's 10 usability heuristics with modern 2025+ interpretations, evaluation methodology, and severity rating framework. Foundation for all UX evaluation work.
Comprehensive patterns for perceived performance, loading states, skeleton screens, optimistic UI, notification systems, empty states, error states, onboarding flows, and offline-first patterns.
Visual design mastery covering typography systems, color theory and accessible palettes, spacing and layout grids, visual hierarchy, iconography, elevation and depth, and responsive visual design across platforms.
Ethical design practices covering dark pattern identification and avoidance, persuasive vs. manipulative design, privacy-respecting UX, content strategy, UX writing, microcopy, readability optimization, and inclusive language.
Comprehensive UX measurement frameworks covering HEART, SUS, UEQ, task-based metrics, behavioral analytics, A/B testing, AI-specific metrics, design system metrics, benchmarking, and ROI calculation for UX work.
Comprehensive UX research methodology covering qualitative and quantitative methods, usability testing protocols, user interview techniques, survey design, analytics interpretation, and research synthesis frameworks.
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
Battle-tested Claude Code plugin for engineering teams — 38 agents, 156 skills, 72 legacy command shims, production-ready hooks, and selective install workflows evolved through continuous real-world use
Tools to maintain and improve CLAUDE.md files - audit quality, capture session learnings, and keep project memory current.
Claude + Google Stitch workflow toolkit with MCP integration (prompt authoring, screen generation, design extraction)
Context-Driven Development plugin that transforms Claude Code into a project management tool with structured workflow: Context → Spec & Plan → Implement
Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Works with Claude Code, Kiro, Clawd CLI, Gemini CLI, Cursor, Continue, and 11+ AI coding assistants.