用途
UI/UX Pro Max 是一个面向 UI/UX 设计工作的“设计智能”技能，核心是一个可搜索的数据库，收录 UI 风格、配色方案、字体搭配、图表类型、产品推荐、UX 指南以及各技术栈的最佳实践。它适用于设计、构建、创建、实现、审查、修复或改进 UI/UX 的场景，帮助在动手实现前先获取系统化的设计参考。
主要能力
- 可搜索的设计数据库，覆盖 50+ 种 UI 风格、21 套配色方案、50 组字体搭配。
- 支持 9 种框架技术栈：html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn。
- 提供多个检索领域：product（产品类型推荐）、style（UI 风格、颜色、效果）、typography（字体搭配与 Google Fonts 导入）、color（按产品类型的配色）、landing（页面结构与 CTA 策略）、chart（图表类型与库推荐）、ux（最佳实践与反模式）、prompt（AI 提示词与 CSS 关键词）。
- 附带专业 UI 的常见规则，涵盖图标与视觉元素、交互与光标、明暗模式对比度、布局与间距，以及交付前检查清单。
使用方式
前置条件：检查是否安装 Python（python3 --version || python --version）。若未安装，按操作系统安装：macOS 使用 brew install python3；Ubuntu/Debian 使用 sudo apt update && sudo apt install python3；Windows 使用 winget install Python.Python.3.12。
工作流程：
- 分析用户需求，提取产品类型、风格关键词、行业、技术栈（未指定时默认 html-tailwind）。
- 使用 search.py 多次检索相关领域，直到获得足够上下文。命令格式：
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]
推荐检索顺序：Product → Style → Typography → Color → Landing（若为落地页）→ Chart（若为仪表盘/分析）→ UX → Stack。
- 技术栈指南（默认 html-tailwind）：
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind
示例工作流（用户请求为某专业护肤服务的落地页）中，依次检索 product、style、typography、color、landing、ux（animation、accessibility）以及 stack（layout responsive），最后综合所有检索结果并实现设计。
提升效果的技巧：关键词要具体（如“healthcare SaaS dashboard”优于“app”）；多次检索，不同关键词带来不同洞察；组合领域（风格 + 排版 + 配色 = 完整设计系统）；始终检查 UX（animation、z-index、accessibility）；使用 stack 参数获取实现相关的最佳实践；若首次检索不匹配，尝试不同关键词迭代。
适用场景
- 为特定产品类型（SaaS、电商、作品集、仪表盘、落地页等）确定设计方向。
- 需要风格、字体、配色、页面结构、图表选型等成套设计参考时。
- 在 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、shadcn、html-tailwind 等栈中落地设计。
- 审查或改进现有 UI，规避常见的不专业做法。
限制
资料未提供该技能的收费、价格、平台支持范围、性能指标或效果保证等信息，暂未提供。使用前需确保已安装 Python，且脚本路径为 .claude/skills/ui-ux-pro-max/scripts/search.py。