ui-ux-pro-max

Generate cohesive design systems for web and mobile apps.

1|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/ly0o0o/lyoo-ai-productivity --skill ui-ux-pro-max-ly0o0o
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ly0o0o/lyoo-ai-productivity/tree/main/design/ui-ux-pro-max
Command: npx skills add https://github.com/ly0o0o/lyoo-ai-productivity --skill ui-ux-pro-max-ly0o0o

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Web and mobile UI design often suffers from inconsistency, accessibility gaps, and slow iteration cycles. This skill provides a comprehensive design intelligence toolkit to streamline decisions, generate cohesive patterns, and enforce quality standards across projects.

Core Features & Use Cases

It ships a searchable database of 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. It enables plan-build-create-review workflows, supports design-system creation, component review, accessibility checks, and cross-stack alignment. Practical use cases include designing a new landing page, auditing an existing UI for consistency, or building a reusable component library.

Quick Start

Generate a design system for a dashboard using the built-in rules and design-system generator.

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 scalable design system for web and mobile apps?

To create a scalable design system, use a script-driven engine that unifies UI patterns by storing global rules and per-page overrides, ensuring context-aware recommendations and cross-stack consistency.

What is the best way to audit my existing UI for consistency and accessibility gaps?

The best way to audit existing UI for consistency is applying a plan-build-create-review workflow using a design intelligence toolkit containing 99 UX guidelines and 161 color palettes to evaluate components.

Can I align typography and layout across different technology stacks?

You can align typography and layout across different technology stacks by applying cohesive design system rules that span 10 technology stacks, supported by 57 font pairings and 161 product types.

How do I generate a cohesive design system for a dashboard?

To generate a cohesive design system for a dashboard, leverage a built-in design-system generator that applies reasoning rules from 50+ styles and 25 chart types to support data visualization patterns.

Does this design intelligence toolkit support building reusable component libraries?

This design intelligence toolkit supports building reusable component libraries by identifying and unifying UI patterns, enabling efficient component review and cross-stack alignment without dependencies.