skills.rest
Aeonxuu
AeonxuuCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design system recommendations and searches UI/UX guidelines via a BM25-based CLI.

Updated May 9, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill ui-ux-pro-max-aeonxuu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Aeonxuu/southtownslandservice_v2/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill ui-ux-pro-max-aeonxuu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (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, and reviewing UI code against accessibility and interaction best practices requires deep domain knowledge. ## Core Features & Use Cases - Design System Generation: Runs multi-domain searches (product, style, color, landing, typography) and applies reasoning rules to output a complete design system with pattern, palette, fonts, effects, and anti-patterns, optionally persisted as a MASTER.md plus per-page override files. - Searchable Design Database: Provides BM25 search over 67 styles, 161 color palettes, 57 font pairings, 25 chart types, 99 UX guidelines, and 22 technology stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - UX Review Checklists: Ships priority-ranked rule categories covering accessibility, touch targets, performance, animation, forms, navigation, and charts for auditing existing UI code. - Use Case: When asked to build a fintech dashboard, run the design-system command to get a recommended style, color tokens, font pairing, and page structure, then query the ux domain for accessibility rules 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 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 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, applies reasoning rules, and returns a complete recommendation with palette, fonts, and effects.

What UI styles and color palettes are available for search?▼

The database contains 67 styles including glassmorphism, claymorphism, minimalism, brutalism, and neumorphism, plus 161 product-specific color palettes with full semantic tokens like primary, accent, background, muted, and destructive.

Does the skill support frameworks like React, SwiftUI, or Flutter?▼

Yes, it includes stack-specific guideline files for 22 stacks including React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Jetpack Compose, Angular, Laravel, Tailwind, and shadcn/ui, searchable via the --stack flag.

Can I save the design system for use across multiple sessions?▼

Yes, add the --persist flag to write a design-system/MASTER.md file as the global source of truth, and use --page to create per-page override files under design-system/pages/ that take priority over the master rules.

What are the requirements to run the search CLI?▼

Python 3 is the only requirement; the scripts use standard library modules like csv, re, and json with no external packages. On Windows, invoke the script with python instead of python3.

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

Skip it for pure backend logic, API or database design, non-visual performance optimization, infrastructure or DevOps work, and non-visual scripting tasks, since it only addresses how interfaces look, behave, and are interacted with.

Related Skills

Explore More Design & Creative Skills→
MaizeCobraMaizeCobra

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced
krzemienskikrzemienski
2

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

Community
Advanced
avel123111avel123111

design-accessibility-review

Audit designs and pages for WCAG 2.1 AA accessibility compliance.

Community
Basic
PostalocityPostalocity
1

ckm:ui-styling

Integrate shadcn/ui with Tailwind CSS to enforce design tokens and CSS variable theming.

Official
Advanced