ui-ux-pro-max

Generate design systems and style guides for web and mobile apps.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/AquaSquirel/Smart-Drain-Web --skill ui-ux-pro-max-aquasquirel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/AquaSquirel/Smart-Drain-Web/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/AquaSquirel/Smart-Drain-Web --skill ui-ux-pro-max-aquasquirel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the complexity of UI/UX design for web and mobile applications by providing a comprehensive set of tools and guidelines.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers a wide range of styles, color palettes, font pairings, product types, UX guidelines, and chart types.
  • Multi-Stack Support: Supports 10 technology stacks including React, Vue, SwiftUI, React Native, and Flutter.
  • Use Cases: Suitable for designing new pages, creating UI components, choosing color schemes, and reviewing UI code for user experience.

Quick Start

Run the ui-ux-pro-max skill to generate a design system for a new web 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 generate a design system for a new web project?

To generate a design system for a new web project, run the ui-ux-pro-max skill to produce style guides, color palettes, and font pairings. It requires a Python environment to execute the specific scripts that output these comprehensive UI guidelines.

Can I use this tool for UI design across React Native and Flutter?

Yes, you can use this tool for UI design across React Native and Flutter. It supports 10 technology stacks including React, Vue, and SwiftUI, providing specific style guides and UX best practices for mobile and web app development.

What is the best way to choose color schemes and font pairings for mobile apps?

The best way to choose color schemes and font pairings for mobile apps is to use a comprehensive design guide. This skill provides a wide range of styles, color palettes, and font pairings tailored for web and mobile applications, streamlining your UX design process.

Do I need Python to run the ui-ux-pro-max skill?

Yes, you need Python installed to run the ui-ux-pro-max skill. The skill relies on executing specific Python scripts to generate its comprehensive design systems, style guides, and UX best practices for your web or mobile app.

Does this tool help review UI code for user experience?

Yes, this tool helps review UI code for user experience. Beyond creating new pages and UI components, it provides UX guidelines and best practices to evaluate and improve the user experience of your existing UI code across supported technology stacks.

What chart types and UX guidelines are included for web design?

For web design, the skill includes a comprehensive design guide offering various chart types and UX guidelines. It provides specific styles, color palettes, and UX best practices to streamline the design of new web pages and UI components.