skills.rest
MudassarAbrar
MudassarAbrarCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide design guidelines, palettes, typography, and UX patterns across nine technology stacks.

Updated Feb 13, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette#component-library
One-click install
npx skills add https://github.com/MudassarAbrar/HACKATHON-1.0 --skill ui-ux-pro-max-mudassarabrar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MudassarAbrar/HACKATHON-1.0/tree/main/.agent/workflows/ui-ux-pro-max
Command: npx skills add https://github.com/MudassarAbrar/HACKATHON-1.0 --skill ui-ux-pro-max-mudassarabrar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX Pro Max skill provides comprehensive design intelligence to standardize and accelerate UI decisions by offering a centralized set of guidelines, color palettes, typography pairings, charts, and practical examples across multiple tech stacks.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Searchable database with priority-based recommendations for design tasks such as component design, color and typography selection, accessibility checks, and layout strategy.
  • Use cases include designing landing pages, dashboards, admin panels, e-commerce storefronts, and mobile interfaces with consistent UX patterns and performance considerations.

Quick Start

Provide a tailored design system by describing your product type, style keywords, and preferred stack.

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 consistent UI design system for multiple tech stacks?▼

To generate a UI design system, you provide your product type, style keywords, and preferred stack to get centralized guidelines, color palettes, typography pairings, and UX patterns across nine supported technology stacks including React, Next.js, and Flutter.

Can I use this for mobile interface design in SwiftUI and React Native?▼

Yes, you can use this for mobile interface design in SwiftUI and React Native. It provides consistent UX patterns, component recommendations, and layout strategies specifically tailored for both web and mobile platforms across its nine supported stacks.

What's the best way to choose typography and color palettes for a dashboard layout?▼

The best way to choose typography and color palettes for a dashboard is to query the searchable database using style keywords. It provides priority-based recommendations from 97 color palettes and 57 font pairings tailored to your specific product type.

How do I apply accessibility checks to my component library design?▼

To apply accessibility checks to your component library, leverage the 99 included UX guidelines. These guidelines offer priority-based recommendations to ensure your UI components meet accessibility standards during the layout and design strategy phases.

Does this UI design intelligence support shadcn/ui and Vue?▼

Yes, this UI design intelligence supports both shadcn/ui and Vue. It delivers standardized design patterns, charts, and practical examples across nine technology stacks, ensuring consistent component design and performance considerations for these frameworks.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
istinataFTSistinataFTS
2

ui-ux-pro-max

Provide UI/UX design guidelines, styles, color palettes, and typography pairings for web and mobile apps.

Community
Advanced
nomos-guildnomos-guild
4

add-chart

Scaffold a dashboard chart component and register it in the governance system.

Official
Advanced
netprtonynetprtony

ui-ux-pro-max

Generate UI/UX design guidance and pattern recommendations for web and mobile interfaces.

Community
Intermediate