ui-ux-pro-max

Generate a UI/UX design system from project keywords and domain insights.

Updated Dec 30, 2025
One-click install
npx skills add https://github.com/youngchingjui/event-poster-website --skill ui-ux-pro-max-youngchingjui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/youngchingjui/event-poster-website/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/youngchingjui/event-poster-website --skill ui-ux-pro-max-youngchingjui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Comprehensive design guidance and an adaptable UI/UX design system to accelerate product teams' ability to plan, build, and review interfaces with consistency and accessibility.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 tech stacks.
  • Searchable database with master rules and page-level overrides for scalable design governance.
  • Use Case: Rapidly draft a complete design system for a website, dashboard, or mobile app and extract implementation guidance.

Quick Start

Run the design system search with your project keywords to generate a complete UI/UX design system.

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 create a UI/UX design system from project keywords?

To create a UI/UX design system, run a search using your project keywords and domain insights to generate color palettes, typography pairings, components, and accessibility guidelines. This produces a structured system with master rules and page-level overrides for immediate application.

Can I generate a complete color palette and typography system for a mobile app?

Yes, you can generate a complete color palette and typography system for mobile apps. The system draws from 97 color palettes and 57 font pairings to provide cohesive design recommendations tailored to your project's specific domain context.

Does this design system include accessibility guidelines for dashboards and landing pages?

Yes, the design system includes accessibility guidelines for dashboards and landing pages. It applies 99 UX guidelines to ensure interfaces built for websites and mobile apps maintain compliance and usability standards across all generated components.

What is the best way to apply master rules and page overrides in a design system?

The best way to apply master rules and page overrides is through the searchable database structure. This allows scalable design governance by establishing base master rules globally while extracting specific page-level overrides for pattern, style, and interaction recommendations.

How do I get implementation guidance for UI components across different tech stacks?

To get implementation guidance for UI components, the design system provides detailed recommendations across 9 tech stacks. It includes 25 chart types and 50+ styles, allowing you to extract actionable development instructions directly from the generated design system.