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.