ui-ux-pro-max

Generate a complete design system with color, typography, and component decisions.

375|39|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/overthetopseo/lyrie-agent --skill ui-ux-pro-max-overthetopseo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/overthetopseo/lyrie-agent/tree/main/packages/ui/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/overthetopseo/lyrie-agent --skill ui-ux-pro-max-overthetopseo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates UI/UX design decision-making by providing a ready-to-use design intelligence system, saving time and ensuring consistency across products.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 stacks for rapid design decisions.
  • Searchable design database with priority-based recommendations for web and mobile apps, dashboards, landing pages, and marketing sites.
  • Use cases include selecting color palettes, typography, component patterns, accessibility considerations, and design-system-ready patterns for implementation.

Quick Start

Search the UI/UX design system for a SaaS dashboard with a modern, accessible style.

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 design system for a SaaS dashboard?

You can generate a complete UI design system by searching the database for styles, color palettes, and typography pairings tailored to SaaS dashboards. The system applies priority-based recommendations across multiple stacks to automate and accelerate design decisions.

What is the best way to choose accessible color palettes and typography for web apps?

The best way to choose accessible color palettes and typography is to query a searchable design database containing 96 palettes and 57 font pairings. It provides priority-based recommendations that satisfy accessibility guidelines for web and mobile applications.

Can I use design tokens with the generated UI patterns?

Yes, you can use design tokens with the generated UI patterns through a Master/Override workflow. This allows you to apply and customize design-system-ready patterns across 13 different tech stacks while maintaining consistency.

Does the UI design database support multi-stack development patterns?

Yes, the UI design database supports multi-stack development patterns by providing 25 chart types and component patterns across 13 stacks. It enables quick implementation decisions for web and mobile apps, including e-commerce and marketing sites.

How do I select component patterns and UX guidelines for an e-commerce site?

To select component patterns and UX guidelines for an e-commerce site, search the design intelligence system using your project requirements. It returns 99 UX guidelines and searchable component patterns tailored for marketing sites and online stores.