UI/UX Pro Max 是面向 Web 与移动应用的综合设计指南,以可搜索数据库形式提供按优先级排序的推荐。资料称其包含 50+ 风格、97 套配色、57 组字体搭配、99 条 UX 指南、25 种图表类型,覆盖 9 种技术栈,适用于设计新 UI 组件或页面、选择配色与字体、审查代码中的 UX 问题、构建落地页或仪表盘、实现无障碍要求。
规则按优先级划分:无障碍与触控交互为 CRITICAL,性能与布局响应式为 HIGH,字体与颜色、动画、风格选择为 MEDIUM,图表与数据为 LOW。指南条目如正文最小对比度 4.5:1、可见焦点环、图片替代文本、纯图标按钮加 aria-label、触控目标至少 44×44px、异步按钮禁用、图片使用 WebP 与懒加载、移动端正文至少 16px、行高 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 .claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"] 生成完整设计系统,并行搜索 product、style、color、landing、typography 五个域并给出反模式;三,按需补充域搜索,命令为 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;四,获取技术栈实践,命令为 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 框(默认)与 Markdown(加 -f markdown)两种输出。
限制:资料未说明收费、价格、许可与平台兼容等细节,暂未提供;上述命令依赖脚本位于 .claude/skills/ui-ux-pro-max/scripts/search.py 路径。