ui-ux-pro-max

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

1|Updated May 10, 2026
One-click install
npx skills add https://github.com/Tgoldi/claude-skills --skill ui-ux-pro-max-tgoldi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Tgoldi/claude-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/Tgoldi/claude-skills --skill ui-ux-pro-max-tgoldi

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 UI project requires extensive design knowledge, and inconsistent choices lead to unprofessional-looking interfaces. ## Core Features & Use Cases - Design System Generation: Runs a BM25 search across product, style, color, landing, and typography CSV databases to produce a complete design system with reasoning-based recommendations and anti-patterns to avoid. - Domain & Stack Searches: Query 10 domains (style, color, chart, ux, typography, icons, react, web, landing, product) and 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn/ui, and more) for targeted guidelines. - Persistent Design Systems: Save output as a MASTER.md source of truth with per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a landing page for a beauty spa, run the design-system command to get a recommended pattern, palette, font pairing, and effects, then fetch Tailwind implementation guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Create a design system for a fintech SaaS 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 new web project?

Run the search.py script with the --design-system flag and a query describing your product, such as "beauty spa wellness service". It searches product, style, color, landing, and typography domains, then applies reasoning rules to return a complete recommendation with anti-patterns.

What tech stacks does this UI design search support?

It provides stack-specific guidelines for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, Jetpack Compose, Astro, and Nuxt. Use the --stack flag with a keyword query to retrieve implementation best practices for that framework.

Can I save the generated design system for later sessions?

Yes, add the --persist flag to write the output to a design-system folder containing a MASTER.md file with global rules. The --page flag additionally creates page-specific override files that take priority over the master file when building that page.

Does the search tool require external Python packages?

No, the scripts use only the Python standard library including csv, re, math, and argparse. You only need Python 3 installed; there are no pip dependencies to install.

Why does the design system search return generic fallback results?

Fallbacks occur when the query does not match any product category in the reasoning rules or when keywords are too vague. Use specific terms like "healthcare SaaS dashboard" instead of "app" to get matched styles, colors, and typography.