skills.rest
GurleenKaurBali27
GurleenKaurBali27COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing a coherent UI style, color palette, typography pairing, and layout pattern for a new web or mobile project requires significant design research, and inconsistent choices lead to unprofessional-looking interfaces. ## Core Features & Use Cases - Design System Generation: Runs a BM25 search across product, style, color, landing, and typography CSV databases, then applies reasoning rules to output a complete design system with pattern, colors, fonts, effects, and anti-patterns. - Domain and Stack Searches: Queries 10 domains (style, color, chart, landing, product, ux, typography, icons, react, web) and 13 stack guideline sets including html-tailwind, react, nextjs, vue, svelte, swiftui, flutter, and shadcn. - Persistence with Master + Overrides: Saves the design system to design-system/MASTER.md with optional per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a landing page for a beauty spa, run the design-system command with keywords like "beauty spa wellness elegant" to receive a full palette, font pairing, section order, and anti-patterns before writing any code. ## Quick Start Ask the AI to generate a design system for your project by describing the product type, industry, and style keywords, for example: create a design system for a fintech dashboard using the ui-ux-pro-max search script.

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 web project?▼

Run the search.py script with the --design-system flag and a query describing your product type, industry, and style keywords. It searches product, style, color, landing, and typography domains, applies reasoning rules, and returns a complete recommendation with colors, fonts, and anti-patterns.

What UI styles and color palettes does the search database cover?▼

The database includes 67 styles such as glassmorphism, minimalism, and brutalism, plus 96 color palettes organized by product type like SaaS, e-commerce, healthcare, and fintech. It also contains 57 font pairings and 25 chart types.

Which frameworks and stacks are supported for implementation guidelines?▼

Stack-specific guidelines are available for html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn, and jetpack-compose. Use the --stack flag with a keyword query to retrieve implementation best practices for your chosen stack.

Does the design system search require any external Python packages?▼

No external packages are required. The scripts use only Python standard library modules including csv, re, math, argparse, and pathlib, so any Python 3 installation works without pip installs.

How do I save and reuse a design system across multiple pages?▼

Add the --persist flag to write the design system to design-system/MASTER.md as the global source of truth. Use --page with a page name to create override files in design-system/pages/ that take precedence over the Master file for that specific page.

Why does the search return no results for my query?▼

The BM25 tokenizer filters words of three characters or fewer and requires a score above zero, so very short or unrelated keywords may match nothing. Try more specific terms like "healthcare SaaS dashboard" instead of generic words like "app".

Related Skills

Explore More Design & Creative Skills→
wpankwpank
11

ui-ux-pro-max

Generate UI/UX design systems from natural language queries.

Community
Advanced
shengmingzhishushengmingzhishu

ui-ux-pro-max

Generates design systems with color palettes, typography, and UX rules across nine frontend stacks.

Community
Intermediate
Javeria-JavaidJaveria-Javaid

ui-visual-validator

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

Community
Intermediate
mahg-esmahg-es
3

theme-design

Design CSS theme systems with design tokens, color palettes, and typography scales.

Official
Intermediate