ui-ux-pro-max

Generate design systems and searchable UI/UX guidelines for web and mobile applications.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/aaymanasrar/Elephante --skill ui-ux-pro-max-aaymanasrar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aaymanasrar/Elephante/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/aaymanasrar/Elephante --skill ui-ux-pro-max-aaymanasrar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pandas, numpy, matplotlib, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the complex and time-consuming task of designing UI/UX for web and mobile applications by providing comprehensive guidelines, AI-driven recommendations, and searchable databases.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 67 styles, 96 color palettes, 57 font pairings, 25 chart types, and 13 technology stack coverage.
  • Searchable Database: Prioritized recommendations based on user input and project requirements.
  • Quick Reference: Access to rules, best practices, and guidelines for accessibility, touch interaction, performance, layout, typography, and more.
  • Design System Generation: Generates a complete design system based on user queries, including patterns, styles, colors, typography, and effects.

Quick Start

Generate a design system for a new project by running the command: ui-ux-pro-max --design-system "website e-commerce minimalism" -p "My Project"

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

To generate a design system for a web application, you can use a command-line interface to query a searchable database of styles, color palettes, and font pairings. This process outputs prioritized design rules and comprehensive guidelines for your project.

What are the best practices for mobile UI accessibility and touch interaction?

Best practices for mobile UI accessibility and touch interaction are provided through comprehensive guidelines covering layout, typography, and performance. The system offers quick reference rules to ensure mobile applications meet current accessibility standards.

Do I need Python and pandas to search for UI guidelines and color palettes?

Yes, you need Python, pandas, numpy, and matplotlib installed to use this tool. These dependencies are required to power the searchable database and apply AI-driven recommendations for design rules and color palettes.

Can I get AI-driven recommendations for chart types and technology stacks?

Yes, AI-driven recommendations for 25 chart types and 13 technology stacks are available. The system prioritizes these suggestions based on your specific project requirements and user input.

What is the fastest way to find font pairings and styles for a minimalism project?

The fastest way to find font pairings and styles for a minimalism project is by running a targeted design system generation command. This queries a database of 57 font pairings and 67 styles to return matching results.