用途
UI/UX Pro Max 是一套面向 Web 与移动应用的设计智能指南，用于在设计与开发 UI 时提供可检索的规范与建议。它适用于设计新 UI 组件或页面、选择配色与字体、审查代码中的 UX 问题、构建落地页或仪表盘，以及实现无障碍要求等场景。
主要能力
该技能以可搜索数据库的形式组织内容，包含 50+ 种风格、97 套配色方案、57 组字体搭配、99 条 UX 准则和 25 种图表类型，覆盖 9 种技术栈。规则按优先级分类：无障碍（关键）、触控与交互（关键）、性能（高）、布局与响应式（高）、排版与颜色（中）、动画（中）、风格选择（中）、图表与数据（低）。
快速参考中列出的具体规则包括：颜色对比度至少 4.5:1、可见焦点环、图片替代文本、图标按钮的 aria-label、键盘导航顺序、表单标签；触控目标最小 44x44px、异步操作时禁用按钮、错误反馈、可点击元素添加 cursor-pointer；图片优化（WebP、srcset、懒加载）、prefers-reduced-motion、为异步内容预留空间；viewport meta、移动端正文最小 16px、避免横向滚动、z-index 层级管理；正文行高 1.5-1.75、每行 65-75 字符、字体搭配；微交互 150-300ms、使用 transform/opacity、加载状态；风格与产品类型匹配、全站一致、使用 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）。
工作流程：
- 分析用户需求，提取产品类型、风格关键词、行业、技术栈（未指定时默认 html-tailwind）。
- 生成设计系统（必需）：
python3 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 中的推理规则，返回完整设计系统（模式、风格、颜色、排版、效果）并包含应避免的反模式。
2b. 持久化设计系统（Master + Overrides 模式）：添加 --persist 可保存设计系统，生成 design-system/MASTER.md（全局规则）与 design-system/pages/ 目录（页面级覆盖）。使用 --page "dashboard" 可生成页面级偏差文件。检索时优先检查页面文件，存在则覆盖 Master 规则，否则仅使用 Master。
- 按需补充详细搜索：
python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]
可用领域包括 product、style、typography、color、landing、chart、ux、react、web、prompt。
- 获取技术栈指南（默认 html-tailwind）：
python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind
可用技术栈：html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn、jetpack-compose。
输出格式：--design-system 支持 ASCII 框（默认，适合终端）与 Markdown（-f markdown，适合文档）。
适用场景
适合需要快速获得设计系统建议的前端与移动端开发、UI/UX 设计评审、落地页与仪表盘构建、无障碍实现等。示例工作流中展示了为美容 SPA 服务生成落地页设计系统的过程。
限制
资料未提供该技能的收费、价格、平台限制或效果保证等信息。使用依赖 Python 环境与本地脚本路径。具体规则与建议需以实际检索结果为准。