ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Updated Feb 25, 2026
One-click install
npx skills add https://github.com/MaizeCobra/agentic-setup --skill ui-ux-pro-max-maizecobra
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MaizeCobra/agentic-setup/tree/main/.opencode/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MaizeCobra/agentic-setup --skill ui-ux-pro-max-maizecobra

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast database of styles, palettes, font pairings, and UX guidelines to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Automatically generates a complete design system based on project requirements.
  • Style & Palette Recommendations: Offers 50+ styles, 21+ palettes, and 50+ font pairings.
  • UX Guidelines: Provides 20+ chart types and 9+ stacks of UX best practices.
  • Use Case: When designing a new SaaS dashboard, use this Skill to get a complete design system, including recommended styles, color palettes, typography, and UX best practices tailored to your project.

Quick Start

Generate a design system for a new e-commerce website by running the command to search for e-commerce design elements.

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?

You can generate a complete design system by querying the searchable database with your project requirements to receive tailored styles, color palettes, typography, and UX guidelines for your specific product type.

What's the best way to choose a color palette and typography for a SaaS dashboard?

The best way to choose a color palette and typography for a SaaS dashboard is to search the database of 21+ palettes and 50+ font pairings to find combinations that match your specific project requirements and UX guidelines.

Can I get UX guidelines and best practices for specific technology stacks?

Yes, you can retrieve UX guidelines tailored to specific technology stacks. The database includes 9+ stacks of UX best practices and 20+ chart types to support your interface design decisions.

Does this tool provide design recommendations for both web and mobile platforms?

Yes, it provides design intelligence for both web and mobile applications. You can search the database for specific product types to receive relevant styles, palettes, and UX guidelines.

How many design styles and font pairings are available for web design?

There are 50+ styles and 50+ font pairings available. You can search and apply these elements when generating a design system for your web or mobile application.

When should I use an automated design system generator instead of manual selection?

Use a design system generator when starting a new project like an e-commerce website or SaaS dashboard, allowing the tool to quickly provide tailored styles, palettes, and UX guidelines instead of manual selection.