ui-ux-pro-max

Generate comprehensive design systems for web and mobile applications.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/juvandam/flyit-website --skill ui-ux-pro-max-juvandam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/juvandam/flyit-website/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/juvandam/flyit-website --skill ui-ux-pro-max-juvandam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pypdf, pdfplumber, pdf2image, core, design_system, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive design system generator for web and mobile applications, helping designers and developers create consistent and cohesive UI/UX experiences.

Core Features & Use Cases

  • Design System Generation: Automatically generate a full design system with style recommendations, color palettes, typography, and more.
  • Multi-Domain Search: Search across multiple domains like color, chart, landing, and product to get detailed information.
  • Stack Guidelines: Get React Native implementation-specific best practices.
  • Persistent Design System: Save the design system for hierarchical retrieval across sessions.

Quick Start

Generate a design system for a new project 'My Project' with the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system -p "My Project"

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 automatically generate a design system for web and mobile applications?

To generate a design system for web and mobile applications, you can run the provided Python script with your project details and design context. The tool processes your requirements to output cohesive color palettes, typography, and style guidelines.

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

A generated UI/UX design system includes comprehensive style recommendations, color palettes, typography guidelines, and stack-specific implementation best practices for frameworks like React Native to ensure cohesive web and mobile interfaces.

Do I need Python and specific packages to run the design system generator?

Yes, you need Python installed along with the pypdf, pdfplumber, and pdf2image packages. These dependencies allow the generator to process design references and handle complex document extraction for your UI/UX requirements.

Can I get React Native implementation guidelines for my mobile design system?

Yes, the design system generator provides React Native implementation guidelines. It applies reasoning to your requirements to deliver stack-specific best practices, ensuring your mobile design translates effectively into code.

How do I search across multiple design domains like color and product layouts?

You can search across multiple domains including color, chart, landing, and product by using the multi-domain search feature in the script. This allows you to retrieve detailed, specific information for each design area.

Can I save and reuse my design system across different project sessions?

Yes, the tool supports persistent design system storage, allowing you to save your generated styles and guidelines for hierarchical retrieval across multiple sessions, ensuring consistency throughout your project lifecycle.