skills.rest
iiammae
iiammaeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generates design systems and searchable recommendations for web and mobile app UI/UX.

Updated Jun 9, 2026
Search Tags:#design system#ui/ux#style guide#web design#design intelligence
One-click install
npx skills add https://github.com/iiammae/opero --skill ui-ux-pro-max-iiammae
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/iiammae/opero/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/iiammae/opero --skill ui-ux-pro-max-iiammae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, pandas, csv, re, json, os, math, collections, pathlib, logging, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of guidelines and design systems to streamline UI/UX design processes, improving consistency and quality in your design work.

Core Features & Use Cases

  • Design Intelligence: Offers a vast array of styles, palettes, font pairings, and charts across multiple technology stacks.
  • Automated Recommendations: Generates design systems based on user input, including patterns, styles, colors, typography, and effects.
  • Searchable Database: Allows users to search for design recommendations based on specific criteria like product type, style, color, and technology stack.
  • Detailed Searches: Enables users to delve into specific aspects like animations, accessibility, performance, and layout.
  • Implementation Guidelines: Provides stack-specific best practices and implementation guidelines for HTML, Tailwind, React, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn, and Jetpack Compose.

Quick Start

Run the script 'generate_design_system.py' to get comprehensive recommendations for a web page.

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 my web or mobile app?▼

To generate a design system, run the 'generate_design_system.py' script to receive automated recommendations for styles, colors, typography, and performance considerations for web and mobile apps.

Can I get UI/UX implementation guidelines for frameworks like React, Vue, and Tailwind?▼

Yes, UI/UX implementation guidelines provide stack-specific best practices for HTML, Tailwind, React, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn, and Jetpack Compose.

How do I search for specific UI design recommendations by technology stack and style?▼

You can search a built-in database using a BM25 search engine to find design recommendations filtered by specific criteria like product type, style, color, and technology stack.

Do I need Python 3 to use this automated design intelligence tool?▼

Yes, Python 3 is required to run the internal scripts, utilizing dependencies like pandas, csv, and json to process design intelligence and generate recommendations.

What design aspects can I get automated recommendations for beyond basic colors and fonts?▼

Beyond colors and typography, you can delve into detailed searches for recommendations on animations, accessibility, performance considerations, layouts, and chart patterns.

When should I not use an automated design system generator for my UI/UX workflow?▼

Avoid using an automated design system generator if your project requires highly bespoke, unconventional visual styles that fall outside standard web and mobile app design patterns and technology stacks.

Related Skills

Explore More Design & Creative Skills→
XSpoonAiXSpoonAi
260

data-processor

Analyze and transform JSON, CSV, and text data with Python scripts.

Official
Intermediate
Ritik-Sharma1Ritik-Sharma1

ui-ux-pro-max

Generate cross-stack design systems with patterns, colors, typography, and accessibility.

Community
Advanced
eniosales08-AIeniosales08-AI

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and components.

Community
Advanced
melandlabsmelandlabs
909

ui-ux-pro-max

Generate design systems for web and mobile applications.

Official
Advanced