用途:为 UI/UX 设计、构建、实现、审查、修复与改进任务提供可检索的设计情报,覆盖产品类型推荐、UI 风格、字体搭配、配色、落地页结构、图表类型、UX 规范与各技术栈最佳实践。
主要能力:内置 search.py 检索脚本,可按 domain 查询 product、style、typography、color、landing、chart、ux、prompt,也可按 --stack 查询 html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter 的针对性指南。资料还给出专业 UI 的常见规则,如用 SVG 图标而非 emoji、悬停状态不引起布局位移、可点击元素加 cursor-pointer、明暗模式对比度与边框可见性、浮动导航栏留边距、响应式断点 320/768/1024/1440px、图片 alt、表单 label、尊重 prefers-reduced-motion 等,并附交付前检查清单。
使用方式:先确认 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 "<keyword>" --domain <domain> [-n <max_results>],技术栈用 python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind,最后综合结果实现设计。建议按 product、style、typography、color、landing、chart、ux、stack 顺序检索,关键词尽量具体并多次尝试。
适用场景:落地页、仪表盘、SaaS、电商、作品集等界面设计与实现,以及设计系统搭建和 UI 审查。
限制:资料未提供收费、价格、平台支持范围与效果保证等信息;检索结果依赖本地脚本与关键词质量,需人工综合判断。