skills.rest
edisonabel
edisonabelCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

...

Updated Feb 28, 2026
Search Tags:#typography#accessibility#react#design system#ui/ux#color palette#tailwind
One-click install
npx skills add https://github.com/edisonabel/redil-alabanza-app --skill ui-ux-pro-max-edisonabel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/edisonabel/redil-alabanza-app/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/edisonabel/redil-alabanza-app --skill ui-ux-pro-max-edisonabel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, argparse, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, palettes, typography, and best practices across various technology stacks to ensure professional and user-friendly application design.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements.
  • Style & Palette Recommendations: Suggests 50+ styles and 97 color palettes.
  • Typography & UX Guidelines: Offers 57 font pairings and 99 UX guidelines.
  • Stack-Specific Advice: Provides tailored recommendations for 9 technology stacks (React, Vue, Tailwind, etc.).
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a professional design system, including color schemes, typography, and layout patterns, ensuring a consistent and accessible user experience.

Quick Start

Generate a design system for a 'fintech mobile app' with the project name 'SecureBank'.

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 complete design system for a React project?▼

Generate a design system by providing project requirements to receive comprehensive style recommendations, 97 color palettes, 57 font pairings, and React-specific UX guidelines for professional application design.

What is the best way to choose accessible color palettes and typography for a SaaS dashboard?▼

Accessible color palettes and typography for a SaaS dashboard are chosen by leveraging style recommendations that offer 97 palettes and 57 font pairings, ensuring adherence to UX guidelines and accessibility best practices.

Can I get UI/UX style recommendations specifically for Tailwind CSS?▼

Yes, you can get Tailwind CSS style recommendations because the system provides tailored design intelligence and best practices across 9 technology stacks, explicitly including Tailwind.

Does this design intelligence tool offer guidelines for fintech mobile app UX?▼

Yes, it offers guidelines for fintech mobile app UX by generating a complete design system including color schemes, typography, layout patterns, and accessibility standards based on your project requirements.

How many UX guidelines and font pairings are available for building a design system?▼

There are 99 UX guidelines and 57 font pairings available for building a design system, ensuring professional, accessible, and user-friendly application interfaces across multiple technology stacks.

What are the limitations of using automated design system recommendations?▼

Automated design system recommendations are limited to the 50+ styles, 97 palettes, and 9 stack-specific guidelines provided, requiring manual implementation to handle custom interactions or unique project constraints.

Related Skills

Explore More Design & Creative Skills→
moshi-azzmoshi-azz
2

ui-ux-pro-max

Generate UI/UX design systems with guidelines, palettes, and typography for specified tech stacks.

Community
Advanced
GouravSittamGouravSittam
4

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and UX guidelines.

Community
Advanced
datlechindatlechin

tailwind-design-system

Automate Tailwind CSS design token and component library creation.

Community
Intermediate
viktorbezdekviktorbezdek
10

theme-factory

Apply color palettes and font pairings to slide decks, documents, and HTML pages.

Community
Intermediate