ui-ux-pro-max

Plan UI/UX designs for web and mobile apps using libraries of styles, palettes, fonts, and UX guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/suleymankuncan-web/CODEX --skill ui-ux-pro-max-suleymankuncan-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/suleymankuncan-web/CODEX/tree/main/SKILL/ui-ux-pro-max
Command: npx skills add https://github.com/suleymankuncan-web/CODEX --skill ui-ux-pro-max-suleymankuncan-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX Pro Max provides a centralized, design-intelligence system that accelerates web and mobile interface decisions by offering an extensive library of styles, color palettes, font pairings, product patterns, and UX guidelines across multiple tech stacks.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks. It enables priority-based recommendations and consistent design decisions for pages, components, and systems.
  • Searchable design database and reasoning rules for rapid design-system decisions, enabling plan/build/create/design/implement/review/fix/improve/optimize workflows.
  • Supports cross-stack alignment (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) and accessibility considerations to improve usability and branding.

Quick Start

Design a complete UI concept for a SaaS dashboard using the built-in design system.

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 plan a consistent UI design system for a SaaS dashboard?

To plan a consistent UI design system for a SaaS dashboard, use priority-based recommendations mapping 161 color palettes, 57 font pairings, and product patterns to ensure visual coherence across pages and components.

Can I get UX guidance for cross-stack mobile apps using SwiftUI and Flutter?

Yes, UX guidance for cross-stack mobile apps supports SwiftUI and Flutter by applying 99 UX guidelines and 25 chart types to ensure accessibility and visual consistency across multiple platforms.

What is the best way to choose accessible color palettes and font pairings for web apps?

The best way to choose accessible color palettes and font pairings for web apps is searching a design database of 161 palettes and 57 font pairings filtered by accessibility considerations and branding requirements.

Does this UI/UX guidance work with shadcn/ui and Tailwind CSS?

Yes, UI/UX guidance works with shadcn/ui and Tailwind CSS by providing cross-stack alignment rules and component-library recommendations to maintain design-system coherence across React and Next.js environments.

How do I implement product patterns for admin panels across multiple tech stacks?

To implement product patterns for admin panels across multiple tech stacks, apply reasoning rules and 161 product type mappings to generate consistent design decisions for Vue, Svelte, and React Native components.