ui-ux-pro-max

Generate structured UI/UX design systems for web and mobile products.

Updated Jan 20, 2026
One-click install
npx skills add https://github.com/lukebaze/forex-rebate-bot --skill ui-ux-pro-max-lukebaze
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/lukebaze/forex-rebate-bot/tree/main/.opencode/skill/ui-ux-pro-max
Command: npx skills add https://github.com/lukebaze/forex-rebate-bot --skill ui-ux-pro-max-lukebaze

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides an automated framework for building comprehensive UI/UX design systems that guide components, colors, typography, and interactions at scale.

Core Features & Use Cases

  • 50+ design styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 stacks for cross‑platform design planning.
  • Generates actionable design‑system recommendations (pattern, color strategy, typography mood) and includes implementation guidance.
  • Use cases include planning dashboards, websites, landing pages, and mobile apps with accessibility and performance considerations.

Quick Start

Request a complete UI/UX design system for the target product and return a structured plan including pattern, color, typography, and components.

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

To generate a UI/UX design system for a web dashboard, request a structured plan from the Skill to receive automated recommendations for patterns, color palettes, typography pairings, and implementation notes tailored to your product.

What's the best way to plan color strategy and typography mood for a mobile app?

The best way to plan color strategy and typography mood for a mobile app is to use an AI-driven design system tool that synthesizes 97 color palettes and 57 font pairings to match your specific accessibility and interaction requirements.

Can I get accessibility considerations and UX guidelines included in my design system?

Yes, you can get accessibility considerations included in your design system. The Skill integrates 99 UX guidelines and accessibility checks directly into its color strategy and pattern selection recommendations for dashboards and landing pages.

Does this design recommendation tool support specific stacks for chart and component planning?

Yes, the design recommendation tool supports 25 chart types and pattern definitions across 9 different stacks, ensuring your UI components and interactions align with your chosen technical framework for cross-platform planning.

How do I use automated reasoning for pattern definition and interaction design?

You use automated reasoning for pattern definition by inputting your target product requirements. The Skill then applies multi-domain synthesis to output structured interaction design guidance, covering 50+ styles and implementation notes.

When should I not use an automated UI/UX design system for landing pages?

You should not use an automated UI/UX design system when your landing page requires highly bespoke, unconventional interactions that fall outside standard 50+ design styles, or when you need custom code components rather than structured design guidance.