ui-ux-pro-max

Aggregate and rank UI/UX design resources across styles, palettes, fonts, charts, and stack guidelines.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/xmx0632/claude-code-demo --skill ui-ux-pro-max-xmx0632
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/xmx0632/claude-code-demo/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/xmx0632/claude-code-demo --skill ui-ux-pro-max-xmx0632

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Collaborative UI knowledge is scattered across multiple docs and toolkits, slowing design exploration and consistency. This Skill centralizes UI styles, color palettes, typography, charts, and stack guidelines to accelerate design decisions.

Core Features & Use Cases

  • Search and rank UI style guides, color palettes, typography pairings, and chart recommendations using a BM25-based engine.
  • Provide stack-aware guidelines (HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter) to accelerate implementation.
  • Return structured, contextual recommendations suitable for websites, dashboards, mobile apps, landing pages, and marketing pages.

Quick Start

Run a search like 'modern glassmorphism buttons' to retrieve related UI style results.

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

Find cohesive UI styles, color palettes, and typography by searching and ranking aggregated design resources using a BM25-based engine. It returns structured guidance including styles, fonts, colors, and accessibility notes tailored for website and dashboard interfaces.

Can I get UI design recommendations for specific frameworks like React, Next.js, or SwiftUI?

Yes, you can get UI design recommendations for specific frameworks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. The Skill provides stack-aware guidelines to accelerate your implementation process across these platforms.

What is the best way to search for modern UI styles like glassmorphism for mobile apps?

The best way to search for modern UI styles like glassmorphism for mobile apps is to run a natural language query. The engine ranks matching UI style guides, palettes, and typography pairings, delivering contextual recommendations ranked by relevance.

Does this UI style search tool provide accessibility and implementation notes?

Yes, this UI style search tool provides accessibility and implementation notes. Along with style, typography, and color recommendations, it returns structured guidance covering accessibility considerations and implementation details for your product interfaces.

How do I choose suitable typography pairings and chart recommendations for a marketing page?

Choose suitable typography pairings and chart recommendations for a marketing page by querying the centralized UI knowledge base. It aggregates and ranks design resources to deliver cohesive, structured recommendations for marketing and landing pages.

What UI design resources can I search for beyond color palettes and fonts?

Beyond color palettes and fonts, you can search for UI style guides, typography pairings, chart recommendations, and stack guidelines. The tool aggregates these scattered design resources to accelerate your design exploration and consistency.