skills.rest
KinalVR-Expo2026
KinalVR-Expo2026OFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

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

Updated May 26, 2026
Search Tags:#typography#landing page#design system#color palette#ui design#tailwind#ux guidelines
One-click install
npx skills add https://github.com/KinalVR-Expo2026/KinalVR-Client --skill ui-ux-pro-max-kinalvr-expo2026
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/KinalVR-Expo2026/KinalVR-Client/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/KinalVR-Expo2026/KinalVR-Client --skill ui-ux-pro-max-kinalvr-expo2026

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and layouts for web and mobile interfaces requires extensive design knowledge, and inconsistent choices lead to unprofessional UI. This Skill provides a searchable design intelligence database that returns complete, reasoned design system recommendations for any product type. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system with pattern, style, hex color palette, font pairing, effects, and anti-patterns, with optional persistence to a MASTER.md plus per-page override files. - Domain Search: BM25-powered search across 10 domains including styles, colors, typography, charts, landing page patterns, UX guidelines, and icons. - Stack Guidelines: Implementation best practices for 13 stacks including React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, and Flutter. - Use Case: When asked to build a landing page for a beauty spa, generate a design system with elegant styling, soft color palette, and serif font pairing, then fetch Tailwind implementation guidelines before writing code. ## Quick Start Ask the AI to generate a design system for your project, for example: create a landing page for a fintech dashboard using the ui-ux-pro-max design 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 web project?▼

Run the search script with the --design-system flag and a query describing your product, such as "beauty spa wellness service". The tool searches product, style, color, landing, and typography domains, then applies reasoning rules to return a complete recommendation with colors, fonts, and anti-patterns.

What design styles and color palettes are available for UI design?▼

The database contains 67 styles including glassmorphism, minimalism, brutalism, and neumorphism, plus 96 color palettes organized by product type like SaaS, fintech, and healthcare. Search the style or color domain with keywords to get matching options.

Does the design system generator support React and Tailwind projects?▼

Yes, stack-specific guidelines are available for React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, and mobile stacks like SwiftUI and Flutter. Use the --stack flag with your query to get implementation best practices for your framework.

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

Add the --persist flag to write the design system to a design-system folder with a MASTER.md file as the global source of truth. Use --page to create page-specific override files that take precedence over the master rules for that page.

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

The BM25 search only returns results with a positive score, so very short or unrelated queries may match nothing. Use specific keywords combining product type, industry, and style terms, such as "healthcare SaaS dashboard" instead of just "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
civictechdccivictechdc
1

accessibility-compliance

Audit web and mobile UI components for WCAG 2.2 accessibility conformance.

Official
Advanced
shinnytechshinnytech

using-shadcn-ui

Create React UI components with shadcn/ui and Tailwind CSS.

Official
Intermediate