ui-ux-pro-max

Generates design system recommendations and searchable UI/UX guidelines from CSV databases.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/SleyiW/iWana-neXt --skill ui-ux-pro-max-sleyiw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/SleyiW/iWana-neXt/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/SleyiW/iWana-neXt --skill ui-ux-pro-max-sleyiw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for web and mobile interfaces requires scattered research; this Skill centralizes that decision-making into a searchable design intelligence database. ## Core Features & Use Cases - Design System Generation: Runs a BM25-based search across product, style, color, landing, and typography domains to produce a complete design system with reasoning rules, anti-patterns, and a pre-delivery checklist. - Domain Search CLI: Queries 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types, plus stack-specific rules for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS. - Persistence with Master + Overrides: Saves generated systems to design-system/MASTER.md with optional per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a fintech dashboard, run the design-system command to get a recommended pattern, style, full color token table, font pairing, and effects, then query the ux domain for accessibility and animation rules before writing code. ## Quick Start Ask the AI to generate a design system for your product type, for example: use the ui-ux-pro-max skill to create a design system for a beauty spa landing page.

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 search.py script with the --design-system flag and a query describing your product type and industry. It searches product, style, color, landing, and typography domains in parallel, applies reasoning rules, and returns a complete recommendation with pattern, palette, fonts, and anti-patterns.

How to search UI/UX guidelines for a specific topic like accessibility?

Use the CLI with --domain ux followed by keywords such as accessibility or animation. The BM25 engine ranks matching guideline rows and returns do/don't rules with code examples and severity levels.

What tech stacks does this design guideline database support?

Stack-specific guideline files cover React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Nuxt, HTML with Tailwind, shadcn/ui, Jetpack Compose, Three.js, Angular, and Laravel. Query them with the stack search option.

Does the design system generator save results for later sessions?

Yes, adding the --persist flag writes a design-system/MASTER.md file as the global source of truth, and the --page flag creates page-specific override files under design-system/pages/ that take priority over the master rules.

What are the requirements to run the search scripts?

The scripts require Python 3 and use only standard library modules such as csv, re, json, and pathlib, so no pip installs are needed. The SKILL.md includes install commands for macOS, Ubuntu, and Windows if Python is missing.

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 automation scripts. It applies only when a task changes how an interface looks, feels, moves, or is interacted with.