ui-ux-pro-max

Plan UI/UX design decisions for web and mobile interfaces.

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/JustineDevs/E-Commerce --skill ui-ux-pro-max-justinedevs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JustineDevs/E-Commerce/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JustineDevs/E-Commerce --skill ui-ux-pro-max-justinedevs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamline UI/UX design decisions for web and mobile by providing AI-assisted guidance, a rich repository of styles, palettes, typography, and interaction patterns, and a scalable design-system workflow.

Core Features & Use Cases

  • Comprehensive design intelligence across ten tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS) including 50+ styles, 161 color palettes, 57 font pairings, 161 product types, and 99 UX guidelines.
  • Searchable design system database with priority-based recommendations to accelerate product design, review, and iteration across websites, dashboards, admin panels, SaaS interfaces, marketing pages, and mobile apps.
  • Workflow persistence and page-level overrides for scalable, consistent interfaces in large teams or multi-project environments.

Quick Start

Design a complete dashboard UI design system for a fintech app.

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 UI/UX design system for a web and mobile interface?

Plan UI/UX design systems by applying AI-assisted guidance across web and mobile interfaces to generate style recommendations, typography pairings, color palettes, and accessibility patterns. It supports websites, dashboards, admin panels, and mobile apps.

Can I use this design intelligence tool with React Native and Flutter?

Yes, the design intelligence tool supports React Native and Flutter, alongside React, Next.js, Vue, Svelte, SwiftUI, Tailwind, shadcn/ui, and HTML/CSS to provide cross-platform UI/UX style guidance.

What is the best way to maintain consistent typography and color palettes across large projects?

The best way to maintain consistency is using a searchable design system database with workflow persistence and priority-based recommendations, allowing page-level overrides for scalable interfaces in large multi-project environments.

How do I apply accessibility patterns to a fintech dashboard?

Apply accessibility patterns to a fintech dashboard by querying the design intelligence repository for UX guidelines, ensuring your interface planning includes accessible style guidance, font pairings, and compliant color palettes.

Does the design system workflow support page-level overrides for admin panels?

Yes, the design system workflow supports optional page-level overrides for admin panels, allowing you to enforce a scalable base design system while accommodating specific interface requirements.

Why use AI-powered design intelligence instead of manually selecting color palettes and styles?

Use AI-powered design intelligence to accelerate product design and iteration across 50+ styles and 161 color palettes, replacing manual selection with priority-based recommendations that enforce scalable, consistent interfaces.