ui-ux-pro-max

Search UI patterns, color palettes, typography, and UX guidelines across multiple stacks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill ui-ux-pro-max-wannacry081
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/WannaCry081/React-Workflow-Starter/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill ui-ux-pro-max-wannacry081

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a centralized, searchable hub for UI patterns, color palettes, typography, and UX guidelines.

Core Features & Use Cases

  • Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.
  • Multi-domain guidance ready for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind stacks.
  • Pattern-driven design-system generation and implementation guidance for real projects.

Quick Start

Run the search tool with a design query to retrieve style, color, and typography guidance for your project.

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 UI patterns and color palettes for a multi-stack design workflow?

To find UI patterns and color palettes for a multi-stack design workflow, use a searchable design hub with BM25-based search. It retrieves style, color, and typography guidance for React, Next.js, Vue, Svelte, and other supported frameworks.

Can I generate a design system with typography and UX guidelines for Flutter and SwiftUI?

Yes, you can generate a design system with typography and UX guidelines for Flutter and SwiftUI. The system provides pattern-driven design-system generation and implementation guidance tailored to specific stacks for real projects.

What is the best way to align engineers and designers on visuals across React and Vue stacks?

The best way to align engineers and designers on visuals across React and Vue stacks is through a centralized database of UI styles, font pairings, and stack-specific best practices. This enables quick retrieval of shared interaction guidelines.

Does this UI design search tool work with Tailwind and React Native?

Yes, this UI design search tool works with Tailwind and React Native. It supports multi-domain design workflows across eight stacks, enabling quick retrieval of chart types, product recommendations, and UX guidelines.

How do I search for font pairings and chart types for a new project?

To search for font pairings and chart types for a new project, run the search tool with a design query. It uses BM25-based search across multiple domains to present typography guidance and suitable UI patterns.

What are the limitations of using a centralized hub for UI style and UX guidelines?

A limitation of using a centralized hub for UI style and UX guidelines is dependency on pre-indexed patterns. If your project requires highly bespoke interactions outside the database, you must manually adapt the generated design-system recommendations.