skills.rest
luiztrilha
luiztrilhaCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Updated Apr 27, 2026
Search Tags:#mobile design#design system#web design#ux design#ui design
One-click install
npx skills add https://github.com/luiztrilha/dunderia-public --skill ui-ux-pro-max-luiztrilha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/luiztrilha/dunderia-public/tree/main/templates/local-runtime-profile/skills/agents/ui-ux-pro-max
Command: npx skills add https://github.com/luiztrilha/dunderia-public --skill ui-ux-pro-max-luiztrilha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, skills/ui-ux-pro-max/scripts/search.py, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenges of UI/UX design by providing comprehensive guidelines, styles, and best practices, ensuring high-quality, accessible, and performant interfaces.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 50+ styles, 161 color palettes, 57 font pairings, and 99 UX guidelines.
  • Multi-Stack Support: Supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
  • Actionable Recommendations: Provides actionable recommendations for UI/UX improvements.
  • Use Case: When designing a new website or mobile app, this Skill can help you choose the right design elements, color schemes, and typography, ensuring a professional and user-friendly experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new project by running the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"

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 design system for a web or mobile application?▼

To generate a design system for web or mobile applications, run the Python search script with your project description and the --design-system flag to output comprehensive guidelines, color palettes, and typography pairings.

What UI/UX guidelines are available for React and Next.js projects?▼

UI/UX guidelines for React and Next.js projects include 99 actionable UX rules, 161 color palettes, and 57 font pairings, ensuring high-quality, accessible, and performant interfaces across these frameworks.

Can I use Tailwind and shadcn/ui with this design system generation approach?▼

Yes, Tailwind and shadcn/ui are explicitly supported alongside React, Vue, Svelte, and HTML/CSS, allowing you to apply generated color palettes, typography, and UI styles directly to your components.

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

The best way to choose color palettes and typography for a mobile app is to query the built-in library of 161 palettes and 57 font pairings, filtering by your project's specific style and platform requirements.

Does generating UI design guidelines require Python to be installed?▼

Yes, generating UI design guidelines requires Python installed in your environment, as the Skill depends on executing the search.py script located in the skills/ui-ux-pro-max/scripts directory.

Are there specific design styles available for SwiftUI and React Native?▼

Yes, SwiftUI and React Native are fully supported frameworks, providing access to over 50 design styles and actionable recommendations tailored for native mobile interface development.

Related Skills

Explore More Design & Creative Skills→
pedronauckpedronauck
567

ui-ux-pro-max

Generate design systems and UX guidelines for web and mobile applications.

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
broomvabroomva
3

arcan-glass

Implement glassmorphism and dark-first themes with OKLCh tokens for Next.js and Tailwind CSS v4.

Community
Intermediate
Alone-Y154Alone-Y154

ui-ux-pro-max

Generate design systems and review UI components via a CLI-driven Python script.

Community
Advanced