skills.rest
taylorelley
taylorelleyCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right visual style, color palette, typography, and UX patterns for a new interface is slow and inconsistent without a structured reference. This Skill provides a searchable design intelligence database so every UI decision is grounded in documented guidelines rather than guesswork. ## Core Features & Use Cases - Design System Generation: Run the search CLI with --design-system to get a complete recommendation covering pattern, style, colors, typography, effects, and anti-patterns for a given product type, with optional persistence to a Master + page-override file structure. - Domain-Specific Search: Query 50+ styles, 161 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types, and stack-specific rules across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS using BM25-ranked search. - UI Review Checklists: Apply the priority-ordered rule categories (accessibility, touch targets, performance, animation, forms, navigation, charts) to audit existing interfaces. - Use Case: When asked to build a fintech dashboard, run the design-system command to receive a recommended pattern, palette with hex tokens, font pairing, and a pre-delivery checklist before writing any code. ## Quick Start Ask the AI to generate a design system for your product, for example: "Use the ui-ux-pro-max skill to generate a design system for a meditation app called Calm."

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 script with the --design-system flag and a product description, for example: python3 scripts/search.py "beauty spa wellness" --design-system -p "Serenity Spa". It returns a recommended pattern, style, color tokens, typography, effects, and anti-patterns.

How do I search for color palettes or font pairings?▼

Use the --domain flag with the search script: --domain color for palettes, --domain typography for font pairings, plus style, ux, chart, product, and landing domains. Results are ranked by a BM25 search algorithm over CSV datasets.

Does it support frameworks like React, Next.js, or SwiftUI?▼

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

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

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

What are the prerequisites for running the search tool?▼

Python 3 is the only requirement. The scripts use only the standard library (csv, json, pathlib), so no pip installs are needed. Install Python via brew, apt, or winget depending on your OS.

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.

Related Skills

Explore More Design & Creative Skills→
clovernguyen1010-ship-itclovernguyen1010-ship-it

ba-brand-info-extract

Collect brand assets including name, tagline, personality, audience, and platforms.

Community
Intermediate
magozmagoz
2

frontend-design

Design React interfaces with Tailwind v4 and shadcn/ui components.

Community
Intermediate
deomiarndeomiarn

component-validator

Validate UI components with TypeScript, design token, responsiveness, accessibility, and animation checks.

Community
Advanced
Brite-NitesBrite-Nites

ui-ux-pro-max

Generate a complete design system with prioritized recommendations.

Official
Advanced