skills.rest
gitspexx
gitspexxCOMMUNITY
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 Mar 16, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#tailwind#ux guidelines
One-click install
npx skills add https://github.com/gitspexx/insider-guide --skill ui-ux-pro-max-gitspexx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gitspexx/insider-guide/tree/main/insiderguide/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/gitspexx/insider-guide --skill ui-ux-pro-max-gitspexx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing the right style, color palette, typography, and layout for a new UI project requires extensive design knowledge, and reviewing UI code for accessibility and UX issues is time-consuming and error-prone. ## Core Features & Use Cases - Design System Generation: Run a single CLI command to get a complete design system with pattern, style, colors, typography, effects, and anti-patterns, optionally persisted as a MASTER.md file with per-page overrides. - Searchable Design Database: Query 67 styles, 96 color palettes, 57 font pairings, 25 chart types, and 99 UX guidelines across 10 domains using BM25-ranked search. - Stack-Specific Guidelines: Retrieve implementation best practices for 13 stacks including React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, and shadcn/ui. - Use Case: When asked to build a landing page for a beauty spa, generate a full design system with recommended colors, fonts, and section structure, then verify the output against the pre-delivery accessibility checklist. ## Quick Start Ask the AI to design a landing page for your product and it will generate a complete design system with colors, typography, and style recommendations.

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 "saas dashboard" or "beauty spa". It returns a complete recommendation covering pattern, style, colors, typography, effects, and anti-patterns.

What design styles and color palettes are available?▼

The database includes 67 styles such as glassmorphism, minimalism, brutalism, and neumorphism, plus 96 color palettes organized by product type like SaaS, e-commerce, healthcare, and fintech. Search the style or color domains with relevant keywords.

Does it support React, Next.js, and Tailwind projects?▼

Yes, it provides stack-specific guidelines for 13 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, and Jetpack Compose. Use the --stack flag, with html-tailwind as the default.

How do I save the design system for use across multiple pages?▼

Add the --persist flag to write a MASTER.md file as the global source of truth, and use --page to create page-specific override files under design-system/pages/. Page files override the master rules when present.

What are the requirements to run the search CLI?▼

Python 3 is the only requirement, since the scripts use only the standard library (csv, re, math, argparse). No external packages need to be installed.

Related Skills

Explore More Design & Creative Skills→
TriNgo0108TriNgo0108

ui-ux-pro-max

Generate design systems with color palettes, fonts, and stack-specific guidelines.

Community
Advanced
nextlevelbuildernextlevelbuilder
123.5k

ui-styling

Build accessible user interfaces with shadcn/ui components and Tailwind CSS utility styling.

Official
Intermediate
froide-kkfroide-kk
1

design-ui-patterns

Provide UI component design guidelines for accessible, responsive interfaces.

Official
Intermediate
rafaelcallejarafaelcalleja
2

ui-styling

Generate Tailwind CSS configurations and integrate shadcn/ui components for React-based UIs.

Community
Advanced