ui-ux-pro-max

Generate design systems with patterns, palettes, typography, and accessibility guidance.

Updated Apr 5, 2026

Search Tags:#design #ui #accessibility #patterns #ux #systems

Ready to run

npx skills add https://github.com/rizaldiem/digital-invitation-web_V2 --skill ui-ux-pro-max-rizaldiem

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/rizaldiem/digital-invitation-web_V2/tree/main/.windsurf/skills/ui-ux-pro-max
Command: npx skills add https://github.com/rizaldiem/digital-invitation-web_V2 --skill ui-ux-pro-max-rizaldiem

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX decision-making by offering an expansive, up-to-date design intelligence repository that covers multi-stack patterns, palettes, typography, and interaction guidelines, enabling consistent product experiences.

Core Features & Use Cases

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) for rapid design system creation.
A searchable database with priority-based recommendations to help designers plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
Practical use cases include websites, landing pages, dashboards, admin panels, e-commerce, SaaS, portfolio sites, blogs, and mobile apps.

Quick Start

Describe your product and user goals to generate a complete, ready-to-use design system with patterns, colors, typography, and accessibility guidance.

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 create a consistent UI design system across multiple frameworks like React and Flutter?▼

To create a UI design system across React and Flutter, this Skill provides multi-stack design intelligence covering 50+ styles, 97 color palettes, and 57 font pairings to ensure consistent product experiences. It generates ready-to-use patterns for nine tech stacks.

What UX guidelines and accessibility patterns should I apply when building a SaaS dashboard?▼

For building a SaaS dashboard, this Skill supplies 99 UX guidelines and accessibility patterns optimized for various tech stacks. It offers priority-based recommendations to help you plan, implement, and review your dashboard's UI/UX code.

Can I use this to get UI component recommendations for Next.js and Tailwind projects?▼

Yes, you can get UI component recommendations for Next.js and Tailwind projects. This Skill supports nine technology stacks, offering specific patterns, typography, and interaction guidelines tailored to those frameworks for rapid design system creation.

How do I generate a color palette and typography pairing for a mobile app interface?▼

To generate a color palette and typography for a mobile app, describe your product and user goals to this Skill. It outputs a complete design system with 97 color palettes and 57 font pairings, specifically supporting React Native, Flutter, and SwiftUI.

What's the best way to plan layout patterns and chart types for an admin panel?▼

The best way to plan layout patterns and chart types for an admin panel is using this Skill's searchable database. It provides 25 chart types and priority-based design recommendations to help you build, optimize, and refactor your interface.