ui-ux-pro-max

Generate design system recommendations for web and mobile applications across 10 technology stacks.

Updated Jul 3, 2026

Search Tags:#typography #mobile design #design system #ui/ux #color palette #web design #ui/ux guidelines

Ready to run

npx skills add https://github.com/pxlcrtiv/opencode-setup --skill ui-ux-pro-max-pxlcrtiv

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pxlcrtiv/opencode-setup/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pxlcrtiv/opencode-setup --skill ui-ux-pro-max-pxlcrtiv

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, styles, colors, typography, charts, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of manual UI/UX design and decision-making by providing intelligent recommendations and guidelines for web and mobile applications.

Core Features & Use Cases

Comprehensive Design Guide: Provides design recommendations across 10 technology stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
Styles, Palettes, and Fonts: Offers 50+ styles, 161 color palettes, 57 font pairings, and 161 product types.
UX Guidelines: Provides 99 UX guidelines and 25 chart types to ensure accessibility, performance, and consistency.
Use Case: When building a web application, this Skill can suggest the best UI components, color schemes, typography, and layout systems based on best practices and industry standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new project "E-commerce Website".

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 UI/UX design system for a new web application?▼

To generate a UI/UX design system for a web application, this tool provides intelligent recommendations for color palettes, typography, and UI components based on best practices across 10 technology stacks like React, Next.js, and Vue.

What are the best UX guidelines for building mobile applications?▼

The best UX guidelines for mobile applications include 99 specific rules for accessibility and consistency, supported by 25 chart types and 57 font pairings to ensure performance and visual coherence.

Does this UI/UX design tool support Tailwind and SwiftUI?▼

Yes, this UI/UX design tool supports Tailwind and SwiftUI, alongside eight other stacks including React Native, Flutter, Svelte, and shadcn/ui, providing tailored design recommendations for each environment.

How do I choose the right color palette and font pairings for my project?▼

To choose the right color palette and font pairings, this tool evaluates your project type against 161 color palettes, 57 font pairings, and 50+ styles, applying reasoning rules to recommend the best visual combination.

Do I need Python to use this UI/UX guidelines skill?▼

Yes, you need Python installed along with various design-related libraries like colors and typography, because the skill relies on these dependencies to process design logic and generate project-specific recommendations.

What are the limitations of automated UI/UX design recommendations?▼

A limitation of automated UI/UX design recommendations is that they rely on predefined anti-patterns and 161 product types, meaning highly bespoke or unconventional interface layouts may require manual override beyond the provided 99 UX guidelines.