ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: distribucionesfayosmoreno-sys

Generate design systems with style guides, color palettes, and typography pairings.

Updated Mar 19, 2026

Search Tags:#design system #style guide #color palette #ui/ux design #typography pairing

Ready to run

npx skills add https://github.com/distribucionesfayosmoreno-sys/programa_aluon --skill ui-ux-pro-max-distribucionesfayosmoreno-sys

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/distribucionesfayosmoreno-sys/programa_aluon/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/distribucionesfayosmoreno-sys/programa_aluon --skill ui-ux-pro-max-distribucionesfayosmoreno-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, tailwindcss, react, next.js, vue.js, svelte.js, swiftui, react-native, flutter, shadcn, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of manual and inefficient UI/UX design processes by providing a comprehensive set of guidelines, color palettes, typography pairings, and technology stack recommendations.

Core Features & Use Cases

Comprehensive Design Guide: Offers 50+ styles, 21 palettes, 50 font pairings, 20 charts, and 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
Actions: Supports planning, building, creating, implementing, reviewing, and improving UI/UX designs.
Use Case: Designers can use this Skill to quickly generate a design system for a new project, ensuring consistency and accessibility across the design.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new project '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 create a design system with consistent color palettes and typography pairings?▼

It provides comprehensive style guidelines, offering 21 color palettes and 50 font pairings to ensure visual consistency across your web or mobile application.

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

Yes, it supports React Native and Flutter, alongside 7 other stacks including React, Next.js, Vue, Svelte, and SwiftUI for comprehensive mobile and web application design.

What's the best way to implement a style guide using Tailwind CSS and shadcn?▼

Use built-in technology stack recommendations that provide tailored guidance for Tailwind CSS and shadcn/ui components to ensure accurate design system execution.

Do I need Python to generate UI/UX style guidelines?▼

Yes, Python is required to run this design intelligence Skill, which processes your project requirements to generate tailored UI/UX style guidelines, color palettes, and typography pairings.

Can I review and improve an existing design system?▼

Yes, you can review and improve an existing design system by using the Skill's built-in actions to analyze your current setup and provide updated recommendations for styles, charts, and typography.

What types of charts are available when building a UI design system?▼

When building a UI design system, it provides 20 different chart recommendations that you can integrate into your web or mobile application layouts to ensure data visualization consistency.