skills.rest
Maosixian
MaosixianCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate comprehensive design systems from natural language queries.

Updated Mar 12, 2026
Search Tags:#mobile design#design system#ui/ux#web design#ui/ux recommendations
One-click install
npx skills add https://github.com/Maosixian/selfused-xavier-lobsterop --skill ui-ux-pro-max-maosixian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Maosixian/selfused-xavier-lobsterop/tree/main/skills/ui-ux
Command: npx skills add https://github.com/Maosixian/selfused-xavier-lobsterop --skill ui-ux-pro-max-maosixian

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps designers and developers quickly generate comprehensive design systems and UI/UX recommendations, streamlining the design process and improving consistency across projects.

Core Features & Use Cases

  • Design System Generation: Generate full design systems from natural language queries.
  • Searchable Databases: Access 10+ searchable databases across domains like product, style, typography, and UX.
  • Stack-Specific Guidelines: Includes guidelines for popular web and mobile development stacks.
  • Quick Reference: Provides a quick reference to UI/UX best practices and accessibility rules.

Quick Start

Run ui-ux-pro-max --design-system "e-commerce site" -p "MyProject" to generate a design system for an e-commerce site named "MyProject".

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 an e-commerce site?▼

To generate a design system, run the CLI with a natural language query like `ui-ux-pro-max --design-system "e-commerce site" -p "MyProject"`, which outputs a comprehensive UI/UX design system tailored to your project's specific needs.

Can I search specific typography and color styles for mobile design?▼

Yes, you can search 10+ databases spanning product styles, typography, colors, and UX guidelines to retrieve tailored mobile design recommendations and best practices for your application.

Does this tool provide stack-specific UI/UX guidelines for web development?▼

Yes, it provides stack-specific UI/UX guidelines and best practices for popular web and mobile development stacks, ensuring the generated design system integrates seamlessly with your chosen technical framework.

What is the best way to ensure accessibility rules are followed in my design system?▼

The best way to ensure accessibility is to use the quick reference feature, which provides immediate access to UI/UX best practices and accessibility rules during your design system generation process.

Related Skills

Explore More Design & Creative Skills→
tizeetizee
2

uv-script

Create and run standalone Python scripts with inline dependency metadata using uv.

Community
Advanced
smilebank7smilebank7
2

Generate Notes

Generate structured Markdown lecture notes with PDF conversion and cross-references.

Community
Intermediate
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
Ankish8Ankish8

myoperator-design

Generate React/Tailwind UI code using the myOperator design system.

Community
Intermediate