ui-ux-pro-max

Provide UI/UX styles, palettes, fonts, and guidelines for web and mobile apps.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/markdo27/dead4rat-v3 --skill ui-ux-pro-max-markdo27
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/markdo27/dead4rat-v3/tree/main/_agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/markdo27/dead4rat-v3 --skill ui-ux-pro-max-markdo27

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX planning guidance and design intelligence that consolidates styles, palettes, fonts, components, and guidelines to accelerate web and mobile product design.

Core Features & Use Cases

  • Comprehensive catalog of 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 stacks.
  • Supports plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code for consistent outcomes.
  • Useful for design system creation, UI component selection, typography/color decisions, and accessibility considerations across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

Quick Start

Describe a start-to-finish UI/UX plan for a new web or mobile project using the included styles, palettes, and components.

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 multi-stack web and mobile project?

To plan a UI/UX design system for multi-stack web and mobile projects, apply reasoning rules across 161 product types, 50+ styles, 161 color palettes, and 57 font pairings. This provides structured styles, components, and guidelines for consistent outcomes across platforms.

Does this UI/UX design intelligence support React Native and Flutter components?

Yes, the UI/UX design intelligence supports React Native and Flutter, alongside React, Next.js, Vue, Svelte, SwiftUI, Tailwind, shadcn/ui, and HTML/CSS. It maps design decisions and component selections across all ten supported stacks.

What's the best way to choose accessible typography and color palettes for a new app?

The best way to choose accessible typography and color palettes is to leverage a catalog of 161 color palettes and 57 font pairings integrated with 99 UX guidelines. This ensures selections satisfy accessibility considerations and interaction patterns.

Can I use this to review and refactor existing UI/UX implementations?

Yes, you can use this to review and refactor existing UI/UX implementations. It supports design reviews, code optimization, and enhancement tasks by applying 99 UX guidelines and reasoning rules to check and fix pages, components, and interaction patterns.

How do I select the right chart types and interaction patterns for data visualization?

To select chart types and interaction patterns for data visualization, reference the catalog of 25 chart types and 99 UX guidelines. This provides reasoning rules for optimizing interaction patterns and visual data representation across your application.

Why use a dedicated UI/UX design intelligence tool instead of manually picking styles?

Using dedicated UI/UX design intelligence consolidates 161 product types with reasoning rules, styles, and guidelines to accelerate product design. It prevents manual inconsistencies by providing structured decisions for typography, color, and components across multi-stack environments.