ui-ux-pro-max

Generates design systems and UI guidance from a searchable local dataset of styles, palettes, fonts, and stack rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing coherent styles, colors, typography, and interaction patterns for a new interface is slow and inconsistent, and reviewing existing UI for accessibility or UX issues requires scattered knowledge. This Skill provides a searchable local dataset and CLI that returns verified design systems, domain guidance, and stack-specific best practices for web, mobile, and desktop interfaces. ## Core Features & Use Cases - Design System Generation: The --design-system mode aggregates product, style, color, landing, and typography matches into a complete design system with anti-patterns, tunable via variance, motion, and density dials, and can persist Master plus per-page override files. - Domain Searches: Twelve searchable domains (style, color, typography, chart, ux, landing, icons, gsap, react, web, product, google-fonts) backed by a BM25 engine over local CSV data with calibrated confidence thresholds. - Stack Guidelines: Implementation rules for 22 stacks including React, Next.js, Flutter, SwiftUI, Jetpack Compose, and Tailwind. - Use Case: When asked to build a fintech dashboard, run a design-system query to get palette, typography, and layout rules, then run focused ux and stack searches for accessibility and React performance guidance before writing code. ## Quick Start Ask the assistant to use the ui-ux-pro-max skill to generate a design system for your product, for example by requesting a modern minimal design system for an AI search homepage built with Next.js.

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

Run the bundled search script with the --design-system flag and a query describing your product type, industry, and style keywords. It returns a complete system with pattern, style, colors, typography, effects, and anti-patterns, optionally persisted as Master and per-page files.

What design domains can I search for UI guidance?

Twelve domains are available: product, style, color, typography, landing, chart, ux, gsap, react, web, icons, and google-fonts. Each maps to a local CSV dataset searched with BM25 ranking and calibrated confidence thresholds.

Does it support Flutter and React Native design guidance?

Yes, 22 stacks are supported including flutter, react-native, swiftui, jetpack-compose, react, nextjs, vue, and html-tailwind. Use the --stack flag with a keyword query to get implementation-specific best practices for that framework.

What dependencies does the search script require?

Only Python 3 with its standard library; no third-party packages and no network access are needed. On Windows, invoke it with python instead of python3.

What happens when a search returns no confident match?

The engine abstains when scores fall below calibrated thresholds and suggests nearby vocabulary terms for retry. The guidance is to retry once with a narrower query or explicit domain, then fall back to clearly labeled general guidance.