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.