skills.rest
zloeber
zloeberCOMMUNITY
Explore all skills by this author →
Website𝕏@zloeberGitHub

ui-ux-pro-max

Generate comprehensive design systems for web and mobile applications.

7|Updated Feb 13, 2026
Search Tags:#pdf#mobile design#design system#ui/ux#web design
One-click install
npx skills add https://github.com/zloeber/SecretZero --skill ui-ux-pro-max-zloeber
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zloeber/SecretZero/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/zloeber/SecretZero --skill ui-ux-pro-max-zloeber

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pandas, numpy, scikit-learn, matplotlib, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The UI/UX Pro Max Skill solves the problem of manually creating UI/UX design systems, providing a comprehensive, customizable guide for web and mobile applications.

Core Features & Use Cases

  • Comprehensive Design Guide: Includes 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Searchable Database: Prioritized recommendations based on user input.
  • Design System Generation: Generates a complete design system with pattern, style, colors, typography, effects, and anti-patterns.
  • Detailed Searches: Allows for specific searches for styles, charts, UX guidelines, typography, and more.
  • Stack Guidelines: Provides best practices for specific technology stacks like HTML-Tailwind, React, Vue, etc.
  • Example Workflow: Includes a step-by-step guide for using the Skill to generate a design system for a project.

Quick Start

Run the script with the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system -p "Project Name"

This command will search for the design system recommendations for a project focused on "beauty spa wellness service" and named "Serenity Spa".

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 complete design system for a web or mobile application?▼

To generate a design system, run the provided Python script with your product type, industry, and keywords to receive prioritized recommendations for styles, color palettes, typography, and UX guidelines.

Can I get UI/UX best practices for specific technology stacks like React or Vue?▼

Yes, the system provides stack-specific best practices and guidelines across 13 technology stacks, including React, Vue, and HTML-Tailwind, ensuring the generated design system matches your frontend framework.

Do I need Python and specific libraries to use this UI/UX design system generator?▼

Yes, you need Python installed along with pandas, numpy, scikit-learn, and matplotlib to execute the scripts and process the searchable database of UI/UX design elements and guidelines.

What is included in a generated UI/UX design system?▼

A generated design system includes pattern styles, color palettes, font pairings, UX guidelines, chart types, visual effects, and anti-patterns to provide a comprehensive guide for your application.

How do I search for specific UI styles and typography pairings for my project?▼

You can perform detailed searches across multiple domains by passing your project keywords and constraints into the search script, which queries a database of 67 styles and 57 font pairings.

What are the limitations of using automated design system generation?▼

The main limitation is the dependency on the pre-defined database of styles and guidelines, meaning highly unconventional or avant-garde visual directions outside the 67 included styles may not be fully supported.

Related Skills

Explore More Design & Creative Skills→
GrupoUSGrupoUS
1

ai-data-analyst

Write and execute Python scripts for data analysis, modeling, and visualization.

Community
Intermediate
frankxaifrankxai
7

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and framework-specific code snippets.

Community
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
HeartcoolmanHeartcoolman
88

figma-generate-library

Automates creation of design systems in Figma from a codebase via the API.

Community
Advanced