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.