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.