skills.rest
AdityaBorkar
AdityaBorkarCOMMUNITY
Explore all skills by this author →
Website𝕏@adityab_techGitHub

ui-ux-pro-max

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

Updated Apr 30, 2026
Search Tags:#typography#accessibility#design system#color palette#ui design#tailwind#ux guidelines
One-click install
npx skills add https://github.com/AdityaBorkar/igbot-fork --skill ui-ux-pro-max-adityaborkar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/AdityaBorkar/igbot-fork/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/AdityaBorkar/igbot-fork --skill ui-ux-pro-max-adityaborkar

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 with accessibility and usability issues. ## Core Features & Use Cases - Design System Generation: Runs multi-domain BM25 searches across style, color, typography, landing pattern, and product CSV databases, then applies reasoning rules to output a complete design system with anti-patterns to avoid. - Domain and Stack Search: Queries 10 domains (style, color, chart, landing, product, ux, typography, icons, react, web) and 13 stack guideline sets including React, Next.js, Vue, Svelte, SwiftUI, Flutter, and shadcn/ui. - Design System Persistence: Saves generated systems as a MASTER.md source of truth with 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 to receive a recommended pattern, glassmorphism or minimalism style, hex color palette, Google Fonts pairing, and a pre-delivery checklist before writing any code. ## Quick Start Ask the AI to generate a design system for your project, for example: "Create a design system for a fintech SaaS dashboard using the ui-ux-pro-max skill."

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.py script with the --design-system flag and a query describing your product, such as "beauty spa wellness service". It searches product, style, color, landing, and typography domains in parallel and returns a complete recommendation with pattern, colors, fonts, and anti-patterns.

What UI styles and stacks does the search database cover?▼

The database includes over 50 styles such as glassmorphism, minimalism, brutalism, and neumorphism, plus stack guidelines for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, and Jetpack Compose.

Does the design system generator require Python?▼

Yes, the search CLI requires Python 3 to be installed on the system. The SKILL.md provides install commands for macOS via Homebrew, Ubuntu/Debian via apt, and Windows via winget.

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

Add the --persist flag to write a design-system/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 both exist.

What accessibility rules does the UX guidelines search enforce?▼

The guidelines cover 4.5:1 minimum color contrast, visible focus states, 44x44px touch targets, alt text for images, form labels, keyboard navigation order, and prefers-reduced-motion support. These are marked as critical priority rules in the search results.

Related Skills

Explore More Design & Creative Skills→
BrunoAMSilvaBrunoAMSilva

first-ask

Refine task scopes by iteratively asking targeted clarifying questions before action.

Community
Intermediate
chiroro-jrchiroro-jr
21

pencil-design

Convert Pencil .pen designs into React/Next.js and Tailwind v4 code.

Community
Advanced
huhuimike85huhuimike85

accessibility-checker

Check UI components for WCAG 2.1 accessibility compliance.

Community
Intermediate
Marcus-BoniMarcus-Boni
1

shadcn

Manage shadcn components and project configurations via CLI.

Community
Advanced