ui-ux-expert

Provide UI/UX design guidance for accessibility, design systems, and responsive interfaces.

6|4|Updated Nov 1, 2025
One-click install
npx skills add https://github.com/Montte-erp/montte-nx --skill ui-ux-expert-montte-erp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-expert
Source: https://github.com/Montte-erp/montte-nx/tree/main/.agents/skills/ui-ux-expert
Command: npx skills add https://github.com/Montte-erp/montte-nx --skill ui-ux-expert-montte-erp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides expert UI/UX guidance focused on accessibility, design systems, and responsive interfaces to reduce iteration time and ensure WCAG 2.2 compliance across web and mobile products.

Core Features & Use Cases

  • User research and persona development to inform design decisions.
  • Accessibility-first design covering keyboard navigation, color contrast, ARIA patterns, and semantic HTML.
  • Design systems and tokens governance for consistent UI across products.
  • Prototyping, usability testing, and heuristic evaluation to validate concepts early.
  • Responsive, mobile-first patterns with performance-conscious UI decisions.

Quick Start

Provide a brief product context and I will generate an accessible UI/UX plan and design-system guidance.

Frequently Asked Questions about ui-ux-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make my UI design meet WCAG 2.2 accessibility standards?

To meet WCAG 2.2 accessibility standards, your UI design must integrate semantic HTML, proper color contrast, keyboard navigation, and ARIA patterns. This approach ensures compliance across web and mobile products while reducing iteration time.

How do I create a design system with consistent tokens across products?

Creating a design system with consistent tokens requires establishing governance for UI components and design tokens. This ensures visual and functional consistency across web and mobile interfaces while streamlining production workflows.

What is the best way to plan responsive interfaces for mobile-first products?

Planning responsive interfaces for mobile-first products involves adopting performance-conscious UI patterns. This technique ensures your design scales appropriately across devices while maintaining usability and accessibility.

Can I use usability testing and heuristic evaluation to validate early prototypes?

Yes, you can use usability testing and heuristic evaluation to validate early prototypes. This process assesses user research and persona development against interface concepts, identifying friction points before production development.

Do I need user research and personas to build an accessible design system?

Yes, user research and persona development are needed to inform accessible design system decisions. This research grounds your WCAG 2.2 compliance, responsive patterns, and token governance in actual user needs.