skills.rest
Shubh2310-developer
Shubh2310-developerCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates UI/UX design systems and searches style, color, typography, and stack guidelines via BM25.

2|Updated Jan 10, 2026
Search Tags:#typography#design system#color palette#ui design#tailwind#ux guidelines#bm25 search
One-click install
npx skills add https://github.com/Shubh2310-developer/ENGUNITYCORE --skill ui-ux-pro-max-shubh2310-developer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Shubh2310-developer/ENGUNITYCORE/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Shubh2310-developer/ENGUNITYCORE --skill ui-ux-pro-max-shubh2310-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing coherent styles, color palettes, font pairings, and layout patterns for a new UI project is time-consuming and error-prone. This Skill provides a searchable design knowledge base that returns complete, reasoned design system recommendations instead of ad-hoc guesses. ## Core Features & Use Cases - Design System Generation: The --design-system flag aggregates product, style, color, landing, and typography searches with reasoning rules to output a full design system (pattern, palette, fonts, effects, anti-patterns) in ASCII or Markdown. - Domain Search: BM25-powered search across 11 CSV domains including styles, colors, charts, typography, UX guidelines, icons, and React/web performance rules. - Stack Guidelines: Implementation best practices for 11 stacks including Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui. - Use Case: When asked to build a landing page for a beauty spa, run the design system generator with keywords like "beauty spa wellness elegant" to receive a recommended pattern, hex palette, Google Fonts pairing, and anti-patterns to avoid before writing any code. ## Quick Start Ask the AI to design a landing page or dashboard for your product and have it run the search script with the --design-system flag to produce a complete style, color, and typography recommendation.

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 landing page?▼

Run the search script with the --design-system flag and a descriptive query, for example "beauty spa wellness elegant". It searches product, style, color, landing, and typography domains, applies reasoning rules, and outputs a pattern, palette, fonts, effects, and anti-patterns.

What design domains can I search for UI guidelines?▼

The search supports 11 domains: style, prompt, color, chart, landing, product, ux, typography, icons, react, and web. Use the --domain flag with keywords, or omit it to let the tool auto-detect the most relevant domain from your query.

Which frontend stacks have specific guideline support?▼

Stack-specific guidelines exist for html-tailwind, react, nextjs, vue, nuxtjs, nuxt-ui, svelte, swiftui, react-native, flutter, and shadcn. Query them with the --stack flag, for example --stack html-tailwind, which is the default when no stack is specified.

Does the search tool require external Python packages?▼

No external packages are required. The scripts use only the Python standard library (csv, re, math, argparse, json, pathlib), implementing BM25 ranking internally, so any Python 3 installation works without pip installs.

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

Results require a BM25 score above zero, so very short or unrelated keywords may match nothing. Use specific multi-word queries like "healthcare SaaS dashboard" rather than single generic terms, and try different domain flags if auto-detection picks the wrong one.

Related Skills

Explore More Design & Creative Skills→
soeiroosoeiroo

design-brief

Create structured design briefs with problem statements, audience, constraints, and success criteria.

Community
Intermediate
ultramaxoAIultramaxoAI

frontend-design

Design React/Next.js interfaces with Tailwind styling and responsive layouts.

Official
Intermediate
alirezarezvanialirezarezvani
25.3k

apple-hig-expert

Audits and designs Apple-platform interfaces against the Human Interface Guidelines with quantitative compliance checks.

Community
Intermediate
Marcus-BoniMarcus-Boni
1

shadcn

Manage shadcn components and project configurations via CLI.

Community
Advanced