ui-ux-pro-max

Generate cohesive UI/UX design systems from BM25-based style data searches.

115|6|Updated Dec 28, 2025
One-click install
npx skills add https://github.com/jewbetcha/opentrace --skill ui-ux-pro-max-jewbetcha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jewbetcha/opentrace/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jewbetcha/opentrace --skill ui-ux-pro-max-jewbetcha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams spend excessive time assembling cohesive design systems, style guides, and pattern libraries for web and mobile interfaces. This skill accelerates design decisions by surfacing domain-specific guidance and producing ready-to-use configurations.

Core Features & Use Cases

  • BM25-based multi-domain search across style, color, typography, landing, and product data to surface best-fit design guidance.
  • Design system output including pattern, style, color palette, and typography configuration for web and mobile apps.
  • Reasoning-driven recommendations (priority styles, color mood, typography mood, and anti-patterns) with deterministic results for consistent UI decisions.
  • Quick-start templates and export formats (ASCII/Markdown) for documentation and handoff.

Quick Start

Run the design system generator for a SaaS dashboard example: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "saas dashboard" --design-system -p "Serenity Dashboard"

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 cohesive design system for a web or mobile project?

The skill automates design system generation by aggregating domain-specific style data across color, typography, and pattern resources. It outputs a cohesive pattern, style, color palette, and typography configuration for web and mobile interfaces to accelerate project setup.

What is the best way to automate style guide creation for consistent UI decisions?

Automate style guide creation by applying BM25-based multi-domain searches and a reasoning layer to surface design guidance. This produces deterministic recommendations for priority styles, color mood, typography mood, and anti-patterns to maintain UI consistency across products.

Can I export design guidelines and pattern libraries for developer handoff?

Yes, you can export design guidelines and pattern libraries using ASCII and Markdown formats. These quick-start templates provide documentation and handoff outputs, allowing developers to implement the generated design system configurations immediately.

How does multi-domain search work for surfacing domain-specific design guidance?

Multi-domain search uses BM25 algorithms to query across landing, product, style, color, and typography data resources. This surfaces best-fit design guidance tailored to your specific project domain, ensuring the generated design system matches your interface requirements.

Do I need any external dependencies to run the UI/UX design system generator?

No external dependencies are required to run the UI/UX design system generator. The skill operates standalone using its internal scripts to perform multi-domain searches and output pattern, style, color, and typography configurations directly.