skills.rest
Curcolor
CurcolorCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design recommendations by searching style, color, typography, and UX guideline databases.

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

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 AI-assisted UI work follows concrete, prioritized rules instead of guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product type, style, color, typography, and landing page pattern data into a complete design system recommendation, with optional persistence as a MASTER.md plus per-page override files. - BM25-Powered Search: Queries 11 data domains (styles, colors, charts, landing patterns, products, UX guidelines, typography, icons, React performance, web interface rules, Google Fonts) plus 16 stack-specific guideline files covering React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn/ui and more. - Prioritized Rule Sets: Ships 99 UX guidelines ranked by priority across accessibility, touch interaction, performance, layout, animation, forms, navigation, and charts, with do/don't examples and severity levels. - Use Case: Ask for a design system for a fintech dashboard and receive a recommended pattern, style, full color token palette, font pairing, key effects, anti-patterns to avoid, and a pre-delivery checklist. ## Quick Start Ask the AI to generate a design system for your project, for example: "Use the ui-ux-pro-max skill to plan a design system for a SaaS analytics dashboard in React with Tailwind."

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 design system generator with a query describing your product, such as a SaaS dashboard or e-commerce site. It searches product, style, color, typography, and landing pattern data, then outputs a formatted recommendation with palette tokens, fonts, effects, and a pre-delivery checklist.

What tech stacks does this UI design skill support?▼

It includes stack-specific guideline files for React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Nuxt, HTML with Tailwind, shadcn/ui, Jetpack Compose, Three.js, Angular, and Laravel. Each stack file contains do/don't rules with code examples and severity levels.

How does the design search find relevant styles and colors?▼

Search uses a BM25 text ranking algorithm implemented in pure Python over CSV data files. Queries are tokenized and scored against keyword columns, and the domain (color, style, typography, chart, etc.) is auto-detected from the query when not specified.

Does it require any external Python packages to run?▼

No external packages are required. The scripts use only the Python standard library (csv, json, re, pathlib, math), so any Python 3 installation is sufficient to run the search and design system generation.

Can I persist the generated design system for a multi-page project?▼

Yes. Enabling persistence writes a design-system folder with a MASTER.md file containing global rules, plus optional per-page override files under a pages directory. Page-specific files override the master rules when present.

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 work, and non-visual automation scripts. It applies only when a task changes how a feature looks, feels, moves, or is interacted with.

Related Skills

Explore More Design & Creative Skills→
Fabric-ProFabric-Pro
3

brand-guidelines

Create brand guidelines covering visual identity, tone of voice, color palettes, and typography.

Official
Basic
omeraltnomeraltn

agency-ui-designer

Create design tokens, component specs, and WCAG AA accessibility guidance.

Community
Advanced
Javeria-JavaidJaveria-Javaid

ui-visual-validator

Validates UI modifications through visual evidence, design system compliance, and accessibility checks.

Community
Intermediate
lengo0951lengo0951

ui-styling

Style React user interfaces with shadcn/ui and Tailwind CSS.

Community
Advanced