ui-ux-pro-max

Search UI/UX design knowledge with BM25 across styles, palettes, and typography.

Updated Dec 1, 2025
One-click install
npx skills add https://github.com/tadokoro-ryusuke/cc-plugins --skill ui-ux-pro-max-tadokoro-ryusuke
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tadokoro-ryusuke/cc-plugins/tree/main/ui-ux-pro-max/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tadokoro-ryusuke/cc-plugins --skill ui-ux-pro-max-tadokoro-ryusuke

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max centralizes a searchable database of design styles, palettes, fonts, and charts to accelerate design decisions and implementation.

Core Features & Use Cases

  • Searchable database of 50 UI styles, 21 color palettes, 50 font pairings, 20 chart types, and 8 framework stacks.
  • Stack-specific guidelines and best practices for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.
  • Real-world use cases: rapid UX audits, brand refresh, dashboard redesign, marketing landing pages.

Quick Start

Describe your product, target audience, and preferred style, and ask the AI to fetch relevant UI styles, color palettes, and typography details.

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 consistent UI styles, color palettes, and typography for a dashboard redesign?

Find consistent UI styles, color palettes, and typography by searching a centralized database of design guidelines. This Skill retrieves matching style guides, 21 color palettes, and 50 font pairings to accelerate dashboard redesign decisions.

Can I get stack-specific UI and UX guidelines for React, Next.js, and Flutter?

Yes, you can get stack-specific UI and UX guidelines for React, Next.js, Flutter, and other major frameworks. The search provides stack-aware outputs with best practices for your chosen environment.

What is the best way to search for font pairings and color palettes for a marketing landing page?

The best way to search for font pairings and color palettes is describing your product and target audience to retrieve matching design styles. It returns relevant typography details and 21 color palettes for marketing landing pages.

Does this UI style database support SwiftUI and React Native for mobile app design?

Yes, this UI style database supports SwiftUI and React Native for mobile app design. It provides framework-specific guidelines and searchable UX rules for mobile applications.

How do I perform a rapid UX audit using a searchable design knowledge base?

Perform a rapid UX audit by querying the design knowledge base for established UX guidelines and style rules. It uses a search mechanism to retrieve relevant design patterns for auditing your product.

What chart types and design styles are available for front-end teams building data visualizations?

Available chart types and design styles for front-end teams include 20 chart variations and 50 distinct UI styles. The database retrieves these options to ensure consistent data visualization implementation.