skills.rest
rizaldiem
rizaldiemCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/rizaldiem/digital-invitation-web_V2 --skill ui-ux-pro-max-rizaldiem
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
XY-ShowingXY-Showing
27

ui-ux-pro-max

Generate UI/UX design systems with styles, colors, typography, and layout guidelines.

Community
Advanced
bamechobamecho
1

frontend-design

Design and implement production-grade frontend interfaces with HTML/CSS/JS and React or Vue.

Community
Advanced
maxrave-devmaxrave-dev
10.4k

ui-ux-pro-max

Search a database of UI styles, palettes, fonts, and stack-specific best practices.

Community
Intermediate
nnkiennnnkienn
1

app-builder

Orchestrate full-stack application creation by coordinating specialized agents.

Community
Advanced