ui-ux-pro-max

Search structured design data and generate hierarchical master design systems.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/Ethansuttor/QUANTIFIED --skill ui-ux-pro-max-ethansuttor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Ethansuttor/QUANTIFIED/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Ethansuttor/QUANTIFIED --skill ui-ux-pro-max-ethansuttor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams struggle to quickly discover coherent design guidance across color, typography, accessibility, and interaction patterns, and to turn those insights into a concrete, reusable design system.

Core Features & Use Cases

  • Multi-domain search across styles, colors, typography, charts, landing patterns, and product guidelines to surface relevant design assets.
  • Design system generation and persistence: master rules plus optional page-specific overrides to streamline consistent implementation.
  • Integrated workflow for selecting patterns, color palettes, typography, and components, then exporting ASCII or Markdown design-system outputs for documentation and handoff.

Quick Start

Provide a product brief (type, style, constraints) and run the search to generate a ready-to-use design system.

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 reusable design system from a product brief?▼

To generate a design system, provide a product brief with type, style, and constraints. The system searches domain data to produce master rules and page overrides, persisting them to a hierarchical structure. This consolidates UI/UX guidance into a ready-to-use design system.

What is BM25 search used for in UI/UX design guidance?▼

BM25 search surfaces relevant design assets by querying structured datasets of styles, colors, typography, and UX guidelines. It accelerates design decisions by identifying and consolidating matching UI/UX patterns across multiple domains.

Can I export a design system as Markdown for developer handoff?▼

Yes, you can export a design system as ASCII or Markdown outputs. This integrated workflow streamlines documentation and handoff by formatting selected patterns, color palettes, typography, and components into shareable outputs.

Does this design guidance tool support web and mobile accessibility checks?▼

Yes, it applies to web and mobile design tasks including accessibility checks. It consolidates UX guidelines and component patterns from structured domain data to help ensure your designs meet accessibility requirements.

How do I apply page-specific overrides to a master design system?▼

You apply page-specific overrides during design system generation. The system creates master rules first, then allows optional page overrides that persist to a hierarchical design-system structure to streamline consistent implementation.