skills.rest
distribucionesfayosmoreno-sys
distribucionesfayosmoreno-sysCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Related Skills

Explore More Design & Creative Skills→
Kouakou-Christ-AxelKouakou-Christ-Axel

ui-ux-pro-max

Provide UI/UX design guidance across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

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
ngocp-0847ngocp-0847
1

ui-styling

Compose React UIs using shadcn/ui components with Tailwind CSS styling.

Community
Advanced
jpoutrinjpoutrin
14

design-system

Detect hard-coded values and generate design system component structures.

Community
Basic