ui-ux-pro-max

Generate a comprehensive design system with styles, palettes, typography, and guidelines for web and mobile UI/UX.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/BoneTheDeveloper/Electronic-Contact-Contact-Book --skill ui-ux-pro-max-bonethedeveloper
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/BoneTheDeveloper/Electronic-Contact-Contact-Book/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/BoneTheDeveloper/Electronic-Contact-Contact-Book --skill ui-ux-pro-max-bonethedeveloper

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides enterprise-grade guidance to design and implement consistent UI/UX across web and mobile by aggregating styles, palettes, typography, charts, and multi-stack patterns into a centralized, searchable design system.

Core Features & Use Cases

  • Comprehensive design guidance: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
  • Searchable, priority-based recommendations across domains (style, color, typography, charts, landing, product) to inform component choices and page layouts.
  • AI-assisted workflow for planning, building, creating, designing, implementing, reviewing, fixing, improving, optimizing, enhancing, refactoring UI/UX code; supports projects like websites, landing pages, dashboards, admin panels, e-commerce, SaaS, portfolio, blogs, and mobile apps.

Quick Start

Use this skill to prompt the system to generate a complete UI/UX design system for your project.

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

Generate a UI/UX design system by aggregating cohesive patterns, color, typography, and anti-patterns. This approach delivers centralized, searchable guidelines that accelerate consistent product design across websites, dashboards, and mobile apps.

Can I use this design guidance with React Native, Flutter, and Tailwind stacks?

Yes, design guidance works with React Native, Flutter, and Tailwind. It supports nine technology stacks including React, Next.js, Vue, Svelte, and SwiftUI, applying consistent UI/UX patterns across multiple frameworks.

How does searchable design guidance handle color palettes and typography pairings?

Searchable design guidance aggregates 97 color palettes and 57 font pairings into a centralized system. It delivers priority-based recommendations across style, color, and typography domains to inform component choices and page layouts.

What is the best way to ensure accessibility requirements are met in a design system?

The best way to ensure accessibility requirements is to apply cross-domain design guidelines that satisfy specific accessibility needs. Generating cohesive patterns and anti-patterns helps maintain compliance across web and mobile UI/UX implementations.

Does UI/UX design guidance include recommendations for data visualization and charts?

Yes, UI/UX design guidance includes 25 chart types for data visualization. It provides priority-based recommendations across domains including charts, ensuring cohesive patterns are applied consistently across different technology stacks.

Are there limitations when applying multi-stack patterns to e-commerce and SaaS projects?

There are no explicit limitations for e-commerce and SaaS projects. The design guidance explicitly supports these project types by delivering cohesive patterns and anti-patterns that scale across multiple stacks, palettes, and accessibility requirements.