UI/UX Pro Max 是一套综合性的 Web 与移动应用设计指南，以可搜索数据库形式提供设计决策支持。需说明的是，本次提供的资料以英文为主（含少量越南语示例），以下内容依据资料整理，未涉及的功能、收费或价格信息暂未提供。
一、用途 该技能用于在用户提出 UI/UX 相关请求（设计、构建、创建、实现、审查、修复、改进）时，提供按优先级排序的设计建议。资料列出的适用时机包括：设计新的 UI 组件或页面、选择配色方案与字体、为 UX 问题审查代码、构建落地页或仪表盘、实现无障碍要求。
二、主要能力与数据范围 资料称其包含 50+ 种风格、97 套配色、57 组字体搭配、99 条 UX 指南以及 25 种图表类型，覆盖 9 种技术栈。规则按优先级分类：无障碍（CRITICAL）、触摸与交互（CRITICAL）、性能（HIGH）、布局与响应式（HIGH）、字体与颜色（MEDIUM）、动画（MEDIUM）、风格选择（MEDIUM）、图表与数据（LOW）。
快速参考示例包括：文字对比度最低 4.5:1、可交互元素需可见焦点环、图片需描述性 alt 文本、仅图标按钮需 aria-label、触摸目标最小 44x44px、异步操作时禁用按钮、使用 WebP/srcset/懒加载、检查 prefers-reduced-motion、正文字号移动端最小 16px、正文行高 1.5-1.75、每行 65-75 字符、微交互时长 150-300ms、用 transform/opacity 而非 width/height、使用 SVG 图标而非 emoji 等。
三、使用方式 前提条件：先检查 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。
工作流程（资料原文）： 第 1 步：分析用户需求，提取产品类型、风格关键词、行业与技术栈（未指定则默认 html-tailwind）。 第 2 步（必需）：生成设计系统，命令为： python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"] 该命令并行搜索 5 个域（product、style、color、landing、typography），应用 ui-reasoning.csv 中的推理规则，返回模式、风格、颜色、字体、效果及需避免的反模式。示例： python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa" 第 3 步：按需补充详细搜索，命令为： python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>] 可用域包括 product、style、typography、color、landing、chart、ux、react、web、prompt。例如：--domain style "glassmorphism dark"、--domain chart "real-time dashboard"、--domain ux "animation accessibility"、--domain typography "elegant luxury"、--domain landing "hero social-proof"。 第 4 步：按技术栈获取实现建议，命令为： python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind 可用栈：html-tailwind（默认）、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn。
输出格式：--design-system 支持两种格式，默认 ASCII 框（适合终端），加 -f markdown 输出 Markdown（适合文档）。
四、适用场景 资料给出的示例工作流为制作专业护肤服务落地页：产品类型为美容/Spa 服务，风格关键词为优雅、专业、柔和，行业为美容/健康，技术栈默认 html-tailwind；随后依次运行设计系统生成、UX 与字体补充搜索、以及 html-tailwind 栈布局响应式表单搜索，最终综合实现设计。
五、限制与注意事项 资料的介绍语言以英文为主，文中提到脚本路径为 .claude/skills/ui-ux-pro-max/scripts/search.py，属于 Claude 技能目录结构；使用前需确保已安装 Python。资料未说明其授权方式、是否收费、支持的运行环境版本等，暂未提供。
六、专业 UI 的常见规则（资料摘要） 图标与视觉：使用 SVG 图标（Heroicons、Lucide、Simple Icons），不用 emoji 作 UI 图标；悬停用颜色/透明度过渡，不用引起布局位移的缩放；品牌 logo 需从 Simple Icons 核实；图标尺寸统一（固定 viewBox 24x24，w-6 h-6）。 交互与光标：所有可点击/可悬停卡片加 cursor-pointer；悬停提供视觉反馈；过渡使用 transition-colors duration-200。 明暗模式对比：玻璃卡片浅色模式用 bg-white/80 或更高不透明度，不用 bg-white/10；浅色正文文字用 #0F172A（slate-900），弱化文字最低 #475569（slate-600）；浅色模式边框用 border-gray-200。 布局与间距：浮动导航栏需 top-4 left-4 right-4 间距；内容需避开固定导航高度；容器宽度统一；交付前在 375px、768px、1024px、1440px 检查响应式，移动端不得出现横向滚动。 交付前检查清单：不使用 emoji 作图标、图标集统一、品牌 logo 正确、悬停不引起布局位移、可点击元素有 cursor-pointer、焦点状态可见、两种模式对比度足够、图片有 alt、表单有 label、颜色不是唯一指示、尊重 prefers-reduced-motion。