ui-ux-pro-max

Rank domain-specific UI/UX guidelines via BM25 search and output a design system blueprint.

Updated Apr 23, 2026
One-click install
npx skills add https://github.com/fableindigo-gif/animated-system --skill ui-ux-pro-max-fableindigo-gif
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/fableindigo-gif/animated-system/tree/main/omnianalytix-mirror/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/fableindigo-gif/animated-system --skill ui-ux-pro-max-fableindigo-gif

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a centralized design intelligence toolkit to accelerate consistent, high-quality UI decisions across web and mobile projects. It offers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks to reason about design trade-offs and ensure brand consistency.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 tech stacks for comprehensive guidance.
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code to streamline workflows.
  • Use cases include designing new pages (landing pages, dashboards, admin panels, SaaS apps, mobile apps), building or refactoring UI components (buttons, modals, forms, tables, charts), selecting color systems and typography, and reviewing UI code for accessibility and visual consistency.

Quick Start

Describe your design objective and the Skill will generate a tailored design system and actionable UX guidance.

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 consistent UI design system for a SaaS application?

You can create a UI design system by synthesizing ranked domain-specific guidelines to return a structured, multi-domain recommendation covering color, typography, and product UX for your SaaS application.

What is the best way to select color palettes and font pairings for web and mobile projects?

The best way to select color palettes and font pairings is to query a curated knowledge base containing 161 color palettes and 57 font pairings to reason about design trade-offs.

How do I review UI code for accessibility and visual consistency?

You review UI code for accessibility and visual consistency by applying actions like check, fix, and refactor against 99 UX guidelines to ensure your components meet brand standards.

Can I generate a design system blueprint for multiple tech stacks?

Yes, you can generate a consistent, machine-parseable design system blueprint with optional master-page overrides that covers 25 chart types across 10 different tech stacks.

Does this UI/UX design intelligence tool support planning landing page patterns?

Yes, this UI/UX design intelligence tool supports planning landing page patterns by ranking domain-specific guidelines from its dataset to provide structured recommendations.

How do I plan and refactor UI components like tables and modals?

You plan and refactor UI components by using design intelligence actions to map out tables and modals, applying 99 UX guidelines to streamline the component workflow.