ui-ux-pro-max

Search UI styles, color palettes, font pairings, and UX guidelines by domain.

20|1|Updated Dec 10, 2025
One-click install
npx skills add https://github.com/galangryandana/superpowers-for-my-own-workflow --skill ui-ux-pro-max-galangryandana
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/galangryandana/superpowers-for-my-own-workflow/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/galangryandana/superpowers-for-my-own-workflow --skill ui-ux-pro-max-galangryandana

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized, searchable reference for UI styles, color palettes, typography, charts, UX guidelines, and stack-specific best practices to speed up design and implementation work.

Core Features & Use Cases

  • Comprehensive style guide: access to UI styles, color palettes, fonts, chart types, and UX guidelines in one place.
  • Stack-aware guidelines: tailored best practices for HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Design-system support: generate cohesive design tokens and recommendations for product interfaces and marketing pages.
  • Use Case: For a SaaS dashboard, pull a color palette, typography pairing, and a chart layout recommendation to accelerate initial mockups.

Quick Start

Use the UI/UX Pro Max Skill to fetch style, color, and typography guidance by running the search script with queries.

  • Example:
  • python3 .factory/skills/ui-ux-pro-max/scripts/search.py "elegant dashboard" --domain style
  • python3 .factory/skills/ui-ux-pro-max/scripts/search.py "healthcare color palette" --domain color
  • python3 .factory/skills/ui-ux-pro-max/scripts/search.py "font pairing for marketing page" --domain typography

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 find a UI style and color palette for a specific project theme?

To find a UI style and color palette, search the centralized database by running a query script with your theme and domain, returning structured styles, color palettes, and typography pairings for websites and apps.

What is the best way to get font pairing recommendations for a marketing page?

The best way to get font pairing recommendations is to query the typography domain using a search script with a phrase like "font pairing for marketing page", which returns structured typography results from the design dataset.

Does this design system search support stack-specific guidelines for React and Vue?

Yes, the design system search supports stack-specific guidelines for React, Vue, Next.js, Svelte, SwiftUI, React Native, Flutter, and HTML/Tailwind, returning tailored UI and UX best practices for each environment.

Can I generate a complete design system with typography and charts for a SaaS dashboard?

Yes, you can generate cohesive design system components for a SaaS dashboard by querying the dataset to pull a color palette, typography pairing, and chart type recommendations to accelerate initial mockups.

How do I search for UX guidelines using this design intelligence tool?

You search for UX guidelines by running the search script with a relevant query and specifying the appropriate domain, which uses BM25 search to return structured UX best practices from the dataset.