ui-ux-pro-max

Search UI/UX design knowledge with BM25-ranked results.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/xiaoshenming/aiteacher-monorepo --skill ui-ux-pro-max-xiaoshenming
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/xiaoshenming/aiteacher-monorepo/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/xiaoshenming/aiteacher-monorepo --skill ui-ux-pro-max-xiaoshenming

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill provides a centralized, searchable repository of UI/UX design knowledge, enabling designers and developers to quickly locate relevant styles, color palettes, typography pairings, chart types, and stack guidelines to inform design decisions.

Core Features & Use Cases

  • Comprehensive reference for 50+ styles, 21 color palettes, 50 font pairings, and 20 chart types.
  • Stack-specific guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and more, plus universal UX best practices.
  • Use Case: a product team is launching a new dashboard and needs a cohesive design system; this skill returns style recommendations, typography suggestions, color strategy, and implementation notes to jump-start development.

Quick Start

Query the skill with a product brief to retrieve a complete UI style guide and design recommendations.

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 typography pairings and color palettes for a new UI design system?▼

Search UI/UX design knowledge using a product brief to retrieve styles, color palettes, typography, and charts. It supports domain-specific queries across style, color, typography, ux, product, chart, landing, and prompts using BM25-based retrieval.

What is the best way to get UI style recommendations for a React or Next.js dashboard?▼

Get UI style recommendations for a React or Next.js dashboard by querying stack-specific guidelines. The repository provides universal UX best practices and implementation notes for frameworks including React, Next.js, Vue, Svelte, and SwiftUI to jump-start development.

Does this UI/UX design knowledge base include guidance for mobile frameworks like Flutter and React Native?▼

Yes, the UI/UX design knowledge base includes stack-specific guidance for mobile frameworks like Flutter and React Native. It provides universal UX best practices alongside implementation notes to support cohesive design systems across web and mobile platforms.

Can I search for specific chart types and landing page guidelines for product launches?▼

Yes, you can search for specific chart types and landing page guidelines. The repository covers 20 chart types and supports domain-specific queries across chart, landing, and product domains to inform data visualization and conversion design decisions.

What limitations exist when searching for UX best practices across different tech stacks?▼

Limitations include reliance on BM25-based search for matching UX best practices across different tech stacks, meaning retrieval depends on keyword relevance. Results are restricted to the indexed repository of 50+ styles, 21 palettes, and stack guidelines without external web search.