ui-ux-pro-max

Generates design system recommendations by searching CSV databases of styles, colors, typography, and UX guidelines.

1|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/MaplumeX/Milesto --skill ui-ux-pro-max-maplumex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MaplumeX/Milesto/tree/main/.codex/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MaplumeX/Milesto --skill ui-ux-pro-max-maplumex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing a coherent UI style, color palette, typography pairing, and layout pattern for a new web or mobile project requires design expertise and research time. This Skill replaces guesswork with a searchable database of 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system with pattern, style, colors, typography, effects, and anti-patterns, with optional persistence to a MASTER.md plus per-page override files. - Domain-Specific Search: Query dedicated domains (style, color, typography, landing, chart, ux, product, icons, react, web) using a BM25 ranking engine for relevant results. - Stack Guidelines: Retrieve implementation best practices for stacks like 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 full design system with elegant colors and serif typography, then fetch Tailwind layout guidelines before writing the 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.

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 project?▼

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

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

The database contains 67 styles (glassmorphism, minimalism, brutalism, dark mode), 96 color palettes organized by product type, 57 font pairings with Google Fonts URLs, and 25 chart types. Search by keyword within each domain.

Does the design system generator support React and Tailwind?▼

Yes, stack-specific guidelines are available for html-tailwind (the default), react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn, and jetpack-compose. Use the --stack flag with a keyword query to retrieve implementation best practices.

How do I save a design system for use across multiple pages?▼

Add the --persist flag to write a design-system/MASTER.md file as the global source of truth, and use --page to create page-specific override files under design-system/pages/. Page files override the Master file when both exist.

Why does the search return no results for my query?▼

The BM25 tokenizer filters words of three characters or fewer and requires a score above zero. Use specific keywords like "healthcare SaaS dashboard" instead of generic terms, and try searching multiple domains with different keyword combinations.

What are the limitations of the BM25 search approach?▼

BM25 ranks by keyword frequency without semantic understanding, so synonyms or conceptual queries may miss relevant rows. Results are capped at three by default; increase with --max-results or refine keywords for better matches.