ui-ux-pro-max

Generate UI/UX design system recommendations from keyword queries.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/mloutpost/lctf_clients --skill ui-ux-pro-max-mloutpost
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mloutpost/lctf_clients/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mloutpost/lctf_clients --skill ui-ux-pro-max-mloutpost

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

ui-ux-pro-max helps you quickly turn ambiguous product/UI requests into a consistent design system and actionable UI/UX guidance, including patterns, colors, typography, chart types, and do/don’t recommendations.

Core Features & Use Cases

  • Multi-domain UI/UX search: Retrieves recommendations across product type, style, color palettes, landing patterns, typography pairings, UX guidelines, and charts using a BM25-style lookup over curated CSV sources.
  • Automated design system generation: Produces a consolidated design system (pattern/sections, style priorities, color roles, typography, key effects, and anti-patterns) suitable for implementation planning.
  • Master + Overrides persistence: Saves generated output to a project folder as MASTER.md and optionally creates page-specific override files for hierarchical consistency.
  • Stack-specific recommendations: Applies implementation-oriented guidance by targeting a chosen stack (e.g., html-tailwind, react, nextjs, shadcn, etc.) when generating recommendations.

Quick Start

Run a design-system build for a SaaS dashboard by executing: python3 skills/ui-ux-pro-max/scripts/search.py "saas dashboard fintech professional" --design-system -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 UI/UX design system from a keyword query for a web interface?

To generate a UI/UX design system, execute the provided Python search script with your keyword query and the --design-system flag. This performs a dataset-backed lookup to produce section patterns, color roles, typography pairings, and key effects.

What is the best way to choose typography pairings and color palettes for a new product interface?

Choosing typography pairings and color palettes is handled by querying the Skill with descriptive keywords. It uses a BM25-style lookup over curated CSV sources to retrieve matching visual styles, color roles, and typography recommendations for your product.

Can I get stack-specific UX guidance for frameworks like React or Next.js when building design systems?

Yes, you can get stack-specific UX guidance by targeting a chosen stack like react, nextjs, or html-tailwind. This applies implementation-oriented recommendations directly into your generated design system output.

How do I save and manage design system overrides for different pages in my project?

You save and manage design system overrides by persisting the generated output as a MASTER.md file in your project folder. The workflow optionally creates page-specific override files to maintain hierarchical consistency across your interface.

Does the design system generator recommend chart types and landing page patterns?

Yes, the generator recommends chart types and landing page patterns. It searches curated datasets to match your query, providing specific UX guidelines, landing patterns, and appropriate chart selections for your product interface.

What limitations exist when using keyword search to build UX guidelines for complex interfaces?

A limitation of keyword-based UX guidelines generation is its reliance on BM25-style lookups over curated CSV sources. Results depend heavily on the specificity of your input keywords and the available dataset coverage for your product type and domain.