skills.rest
ShyamRavidath
ShyamRavidathCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design systems and UI/UX recommendations from a searchable design rule database.

Updated Apr 20, 2026
Search Tags:#typography#accessibility#responsive design#design system#color palette#ui design#ux guidelines
One-click install
npx skills add https://github.com/ShyamRavidath/oscc-detection-v2 --skill ui-ux-pro-max-shyamravidath
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ShyamRavidath/oscc-detection-v2/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ShyamRavidath/oscc-detection-v2 --skill ui-ux-pro-max-shyamravidath

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for web and mobile interfaces is time-consuming and error-prone, especially when reviewing or building UI across multiple stacks. ## Core Features & Use Cases - Design System Generation: Run a single CLI query to get a complete design system (pattern, style, colors, typography, effects) with reasoning rules and anti-patterns, optionally persisted as a MASTER.md plus per-page overrides. - Searchable Design Database: Query 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - UX Review Checklists: Apply priority-ranked rule categories (accessibility, touch targets, performance, animation, forms, navigation, charts) to audit existing interfaces. - Use Case: When building a fintech dashboard, generate a design system with one command, then query the chart and ux domains for data-visualization and accessibility guidance before writing components. ## Quick Start Ask the AI to generate a design system for your product type using the ui-ux-pro-max search script, then build the page following its 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 or mobile app?▼

Run the search.py script with your product type and keywords plus the --design-system flag. It searches product, style, color, and typography domains in parallel and returns a complete design system with reasoning rules and anti-patterns to avoid.

What UI styles and color palettes does the database include?▼

The database contains over 50 styles including glassmorphism, claymorphism, minimalism, brutalism, neumorphism, and bento grid, plus 161 color palettes and 57 font pairings searchable by keyword through the CLI.

Which frameworks and tech stacks are supported?▼

The skill covers 10 stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and plain HTML/CSS. Stack-specific best practices are available through dedicated stack searches.

Can I persist a design system across sessions and pages?▼

Yes, add the --persist flag to create a design-system/MASTER.md file as the global source of truth. Use --page to create per-page override files that take priority over the master rules for that specific page.

What are the requirements to run the search CLI?▼

Python 3 must be installed on the system. The skill documentation includes install commands for macOS (brew), Ubuntu/Debian (apt), and Windows (winget) if Python is missing.

When should this skill not be used?▼

Skip it for pure backend logic, API or database design, non-visual performance optimization, infrastructure work, and non-visual 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→
TranVanTienDatTranVanTienDat

frontend-design

Generate production-quality frontend interfaces with distinctive typography, color, layout, and motion design.

Community
Advanced
hamza-sahinhamza-sahin

ui-ux-pro-max

Generates a Master design-system document and page-specific overrides from UI/UX guidelines.

Community
Advanced
baphledbaphled
1

accessibility

Implement WCAG principles, keyboard navigation, and screen reader support in terminal applications.

Community
Intermediate
vultisigvultisig
19

Figma Design Implementation

Translate Figma UI designs into React components using MCP tools.

Official
Intermediate