skills.rest
EliteGentro
EliteGentroCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design system recommendations by searching UI style, color, typography, and UX guideline databases.

1|Updated May 25, 2026
Search Tags:#typography#design system#color palette#ui design#tailwind#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/EliteGentro/LeRe_Portfolio --skill ui-ux-pro-max-elitegentro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/EliteGentro/LeRe_Portfolio/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/EliteGentro/LeRe_Portfolio --skill ui-ux-pro-max-elitegentro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right style, color palette, typography, and layout pattern for a new web or mobile UI is time-consuming and inconsistent. This Skill provides a searchable design knowledge base that returns complete, reasoned design system recommendations for any product type. ## Core Features & Use Cases - Design System Generation: Run a single query to get a full design system covering page pattern, style, color palette, typography, effects, and anti-patterns, with optional persistence to a MASTER.md plus per-page override files. - Domain-Specific Search: Query 10 domains including style, color, typography, chart, landing page structure, UX guidelines, icons, and React/web performance using a BM25 search engine over CSV datasets. - Stack Guidelines: Retrieve implementation best practices for 13 stacks such as html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, Flutter, and shadcn. - Use Case: When asked to build a landing page for a beauty spa, generate a design system with elegant styling, soft color palette, serif font pairing, and Tailwind implementation guidelines before writing any code. ## Quick Start Ask the AI to generate a design system for your project, for example: create a design system for a fintech dashboard using the ui-ux-pro-max search script with the --design-system flag.

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 design system for a web app?▼

Run the search.py script with your product keywords and the --design-system flag, optionally adding a project name with -p. It searches product, style, color, landing, and typography domains in parallel and returns a complete recommendation with pattern, colors, fonts, effects, and anti-patterns.

What UI styles and color palettes are available for search?▼

The database includes dozens of style categories such as minimalism, glassmorphism, brutalism, and dark mode, plus color palettes organized by product type like SaaS, healthcare, fintech, and beauty. Each entry includes hex values, effects, performance, and accessibility notes.

Does it support React, Next.js, and Tailwind projects?▼

Yes, the --stack flag provides implementation guidelines for html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn, and jetpack-compose. If no stack is specified, html-tailwind is used as the default.

How do I save and reuse a design system across pages?▼

Add the --persist flag to write the design system to design-system/<project>/MASTER.md as the global source of truth. Use --page to create page-specific override files in the pages folder that take precedence over the master file for that page.

What are the requirements to run the search scripts?▼

Python 3 is the only requirement; the scripts use only the standard library (csv, re, math, argparse, pathlib). No pip packages or external services are needed, and the CSV data files are bundled with the skill.

Related Skills

Explore More Design & Creative Skills→
andersoncollabandersoncollab

aesthetic-direction

Generate 3–5 ranked visual aesthetic directions with typography and color guidance.

Community
Intermediate
Me1eMe1e

ui-ux-pro-max

Generate UI/UX design systems across multiple web and mobile technology stacks.

Community
Advanced
fiftynotaififtynotai
10

ui-design

Generate accessible UI component specifications with WCAG 2.1 AA contrast ratios.

Community
Intermediate
marvelousempiremarvelousempire

image

Generate and optimize marketing images from text prompts using AI models and design tools.

Community
Intermediate