ui-ux-pro-max

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

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/ttphats/project-detedxs26 --skill ui-ux-pro-max-ttphats
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ttphats/project-detedxs26/tree/main/.augment/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ttphats/project-detedxs26 --skill ui-ux-pro-max-ttphats

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, fonts, and UX patterns for a new app or page is time-consuming and often produces inconsistent results. This Skill provides a searchable design knowledge base that returns prioritized, reasoned recommendations instead of guesswork. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system covering layout pattern, style, colors, typography, effects, and anti-patterns, with optional persistence to MASTER.md and per-page override files. - Domain-Specific Search: Query 10 domains (style, color, typography, chart, landing, product, ux, icons, react, web) plus 16 technology stacks using a BM25-ranked search engine. - Use Case: When asked to build a fintech dashboard, run the design-system command with keywords like "fintech dashboard dark mode" to receive a full palette, font pairing, page structure, and a pre-delivery accessibility checklist before writing any code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the ui-ux-pro-max skill to create a design system for a beauty spa booking app."

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

Run the search.py script with the --design-system flag and a query describing your product, industry, and tone. 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 design resources are included in this UI/UX database?▼

The database contains 67 UI styles, 161 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types, and icon recommendations. It also includes stack-specific guideline files for 16 frameworks such as React, Next.js, Vue, SwiftUI, Flutter, and React Native.

Can I save the design system for use across multiple sessions?▼

Yes, add the --persist flag to write the output to a design-system folder containing a MASTER.md file as the global source of truth. Use the --page flag to create page-specific override files that take priority over the master rules.

Does the search work without specifying a domain?▼

Yes, the search engine auto-detects the most relevant domain from your query keywords using a keyword-matching heuristic. You can still override it with the --domain flag when you need results from a specific category like color or typography.

What are the requirements to run the search scripts?▼

You need Python 3 installed on your system. The scripts use only the standard library (csv, json, argparse, pathlib), so no additional pip packages are required.

Why does the design system output include anti-patterns?▼

Anti-patterns come from reasoning rules matched to your product category, listing common mistakes to avoid such as poor contrast or excessive decoration. They help you validate the design before implementation alongside the pre-delivery checklist.