ui-ux-pro-max

Generates UI/UX design systems and recommendations from a searchable local design-rule database.

Updated Aug 10, 2026
One-click install
npx skills add https://github.com/KryptaMedina7/quero-s-home --skill ui-ux-pro-max-kryptamedina7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/KryptaMedina7/quero-s-home/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/KryptaMedina7/quero-s-home --skill ui-ux-pro-max-kryptamedina7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for a new interface is slow and error-prone. This Skill provides a searchable local database of design rules plus a generator that produces a complete design system recommendation for any product type and stack. ## Core Features & Use Cases - Design System Generation: Run a single query to get pattern, style, colors, typography, effects, and anti-patterns, with optional variance, motion, and density dials, and persist results as a Master file plus per-page overrides. - Domain Search: Query 12 domains (style, color, typography, charts, landing pages, UX guidelines, icons, GSAP motion, React performance, and more) via a BM25 search engine with auto-domain detection. - Stack Guidelines: Retrieve implementation rules for 22 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, and shadcn/ui. - Use Case: When asked to build a SaaS dashboard in Next.js, generate the design system, supplement with UX and chart searches, then apply Next.js-specific guidelines before writing components. ## Quick Start Ask the AI to generate a design system for your product, for example: use the ui-ux-pro-max skill to create a design system for a minimal SaaS analytics dashboard in 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 web project?

Run the search 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 pattern, palette, fonts, effects, and anti-patterns.

What design data does the UI/UX search database include?

The database contains 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types. All data lives in local CSV files searched with a BM25 ranking algorithm.

Which frameworks and stacks are supported for UI guidelines?

Stack-specific guidelines cover 22 targets including React, Next.js, Vue, Nuxt, Svelte, Astro, Angular, SwiftUI, React Native, Flutter, Jetpack Compose, Tailwind, shadcn/ui, Laravel, and Three.js. Detect the stack from project files like package.json or pubspec.yaml before querying.

Does the search tool require external Python packages?

No, the search script requires only Python 3 with its standard library and has no external dependencies. If the python command is unavailable, try python3 or py -3 depending on your platform.

What should I do when a design search returns zero results?

Retry once with broader or differently worded keywords, splitting product and style terms. If still empty, fall back to the built-in priority table and explicitly tell the user the recommendation came from defaults rather than a database match.

When should I not use this UI/UX design skill?

Skip it for pure backend logic, API or database design, non-visual performance work, infrastructure, and DevOps tasks. It applies only when the work changes how something looks, feels, moves, or is interacted with.