UI/UX Pro Max 是一个 UI/UX 设计智能技能，本质上是一个可搜索的数据库，收录 UI 风格、配色方案、字体搭配、图表类型、产品推荐、UX 指南以及针对具体技术栈的最佳实践。它面向需要完成 UI/UX 相关工作的场景，例如设计、构建、创建、实现、审查、修复和改进界面。
主要能力 该技能通过一个 Python 检索脚本按关键词查询多个领域，覆盖：产品类型推荐（product）、UI 风格与颜色与效果（style）、字体搭配与 Google Fonts（typography）、按产品类型的配色方案（color）、页面结构与 CTA 策略（landing）、图表类型与库推荐（chart）、最佳实践与反模式（ux）、AI 提示词与 CSS 关键词（prompt）。同时支持按技术栈检索实现指南，可用技术栈包括 html-tailwind（默认）、react、nextjs、vue、svelte、swiftui、react-native、flutter。
使用方式 使用前需确认已安装 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。
当用户提出 UI/UX 需求时，推荐工作流为：第一步分析需求，提取产品类型（SaaS、电商、作品集、仪表盘、落地页等）、风格关键词（极简、活泼、专业、优雅、暗色模式等）、行业（医疗、金融科技、游戏、教育等）以及技术栈（React、Vue、Next.js，未指定则默认 html-tailwind）。第二步多次调用检索脚本收集信息，命令格式为：python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]。建议检索顺序为：Product、Style、Typography、Color、Landing（若为落地页）、Chart（若为仪表盘/分析）、UX、Stack。第三步检索技术栈指南，命令为：python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind。
资料中给出的示例工作流：用户请求为某专业护肤服务的落地页时，依次检索产品类型（beauty spa wellness service）、风格（elegant minimal soft）、排版（elegant luxury）、配色（beauty spa wellness）、落地页结构（hero-centric social-proof）、UX 指南（animation、accessibility）以及技术栈指南（layout responsive，默认 html-tailwind），最后综合所有检索结果实现设计。
提升效果的技巧包括：关键词要具体（如“healthcare SaaS dashboard”优于“app”）；多次检索，不同关键词带来不同洞察；组合多个领域（风格 + 排版 + 配色 = 完整设计系统）；始终检查 UX（检索 animation、z-index、accessibility 等常见问题）；使用 stack 参数获取实现层面的最佳实践；若首次检索不匹配可迭代更换关键词。
专业 UI 的常见规则 技能还总结了容易被忽视、导致界面显得不专业的问题，分为几类。图标与视觉元素：不要用 emoji 当 UI 图标，应使用 SVG 图标（Heroicons、Lucide、Simple Icons）；悬停状态要稳定，用颜色/透明度过渡而非引起布局位移的缩放变换；品牌 logo 要正确，从 Simple Icons 查证官方 SVG；图标尺寸要一致，使用固定 viewBox（24x24）配合 w-6 h-6。交互与光标：所有可点击/可悬停卡片要加 cursor-pointer；悬停要有视觉反馈（颜色、阴影、边框）；过渡要平滑，使用 transition-colors duration-200，避免瞬时切换或过慢（超过 500ms）。明暗模式对比度：浅色模式玻璃卡片使用 bg-white/80 或更高不透明度，不要用 bg-white/10；浅色模式正文文字用 #0F172A（slate-900），不要用 #94A3B8（slate-400）；弱化文字至少用 #475569（slate-600）；浅色模式边框用 border-gray-200，不要用不可见的 border-white/10。布局与间距：浮动导航栏要留出 top-4 left-4 right-4 间距，不要紧贴 top-0 left-0 right-0；内容内边距要考虑固定导航栏高度，避免内容被遮挡；容器最大宽度要一致（统一 max-w-6xl 或 max-w-7xl）。
交付前检查清单 视觉质量：未用 emoji 当图标（改用 SVG）；所有图标来自一致图标集（Heroicons/Lucide）；品牌 logo 正确（经 Simple Icons 验证）；悬停状态不引起布局位移；直接使用主题色（bg-primary）而非 var() 包装。交互：所有可点击元素有 cursor-pointer；悬停状态有清晰视觉反馈；过渡平滑（150-300ms）；键盘导航的焦点状态可见。明暗模式：浅色模式文字对比度足够（最低 4.5:1）；玻璃/透明元素在浅色模式可见；边框在两种模式下均可见；交付前测试两种模式。布局：浮动元素与边缘有适当间距；内容不被固定导航栏遮挡；在 320px、768px、1024px、1440px 下响应式正常；移动端无横向滚动。无障碍：所有图片有 alt 文本；表单输入有标签；颜色不是唯一指示方式；尊重 prefers-reduced-motion。
适用场景与限制 该技能适用于需要系统化设计参考的 UI/UX 任务，尤其是结合特定产品类型、行业、风格与技术栈进行界面设计与实现时。资料未提供该技能的收费、价格、平台限制或效果保证等信息，暂未提供。