ui-ux-pro-max

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

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill ui-ux-pro-max-smithisrealdev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/smithisrealdev/aigo-mobile-flutter/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/smithisrealdev/aigo-mobile-flutter --skill ui-ux-pro-max-smithisrealdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines UI/UX design by providing comprehensive, context-aware recommendations for styles, color palettes, typography, and UX best practices, ensuring high-quality, accessible, and performant user interfaces.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project type, industry, and keywords.
  • Style & Palette Recommendations: Offers 50+ styles and 97 color palettes tailored to specific needs.
  • Typography & UX Guidance: Provides 57 font pairings and 99 UX guidelines, including critical accessibility rules.
  • Stack-Specific Best Practices: Delivers implementation guidance for 12 different technology stacks.
  • Use Case: When starting a new SaaS dashboard project, use this Skill to generate a professional, accessible, and performant design system, including color schemes, font pairings, and layout recommendations.

Quick Start

Generate a design system for a 'fintech mobile app' with a 'minimalist' style.

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 new web application?

Generate a design system by inputting your project type, industry, and style preferences. The Skill outputs a comprehensive UI/UX design system featuring tailored color palettes, typography pairings, and UX best practices.

What's the best way to ensure UI design accessibility and performance across different frontend stacks?

Apply stack-specific UI implementation guidance across 12 different technology stacks. The Skill provides 99 UX guidelines and critical accessibility rules to ensure high-quality, accessible, and performant user interfaces.

Can I get custom color palette and typography recommendations for a minimalist SaaS dashboard?

Yes, you can get tailored recommendations by providing project keywords like 'minimalist SaaS dashboard'. The Skill leverages 97 color palettes and 57 font pairings to match your specific frontend development needs.

Does the design system generator work for both web and mobile applications?

Yes, the design system generator facilitates design consistency, accessibility, and performance optimization for both web and mobile applications. It delivers tailored UX best practices across multiple technology stacks.

How does the UI/UX recommendation engine process style and component design requests?

The recommendation engine utilizes a Python-based search engine with BM25 ranking and a reasoning engine. It processes your project context to deliver tailored style recommendations and component design guidance.

Why do I need UX best practices when building a fintech mobile app interface?

Integrating UX best practices ensures your fintech mobile app maintains accessibility and design consistency. The Skill provides critical rules and tailored design system generation to prevent usability issues and optimize performance.