ui-ux-pro-max

Generate design tokens, patterns, and accessibility guidelines for web and mobile interfaces.

17|3|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/jidohyun/NOD --skill ui-ux-pro-max-jidohyun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jidohyun/NOD/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jidohyun/NOD --skill ui-ux-pro-max-jidohyun

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Design teams struggle to maintain modern, accessible, and consistent UI across web and mobile, wasting time on reinventing patterns.

## Core Features & Use Cases

  • Design System Generation: Colors, typography, spacing, and components across platforms.
  • Design Patterns & Accessibility: Glassmorphism, Bento Grid, Neumorphism, Dark Mode, WCAG-compliance checks.
  • Review & Refactor: Accessibility checks, consistency audits, responsive validation.
  • Tailored Output: Produce tokens and guidelines for web/mobile.

### Quick Start Generate a ready-to-use UI/UX design system for a web and mobile project, including color tokens, typography, spacing, and component patterns.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I generate a design system with color, typography, and spacing tokens for web and mobile?

You can generate a ready-to-use design system by defining foundational design tokens for colors, typography, and spacing. This enforces cross-platform coherence and provides web and mobile teams with consistent component patterns.

How do I check my UI components for WCAG accessibility compliance?

To check WCAG accessibility compliance, you run accessibility checks and consistency audits on your UI components. This validates that your modern interfaces meet required standards and identify areas needing refactoring for better access.

Can I use modern UI design patterns like glassmorphism and bento grid while maintaining responsive validation?

Yes, you can apply modern UI design patterns like glassmorphism, bento grid, and neumorphism. The system enforces responsive validation and motion guidelines to ensure these patterns remain accessible and visually consistent across platforms.

What is the best way to maintain consistent UI across web and mobile without reinventing patterns?

The best way to maintain consistent UI is by enforcing a centralized pattern library with design tokens. This prevents design teams from wasting time reinventing components and ensures scalable, accessible interfaces across platforms.

Does this design system generation approach support dark mode and neumorphism patterns?

Yes, the design system generation supports both dark mode and neumorphism patterns. It integrates these visual styles into your pattern library while applying motion guidelines and accessibility checks to maintain cross-platform coherence.