用途:当用户提出界面设计、构建、创建、实现、评审、修复或改进等 UI/UX 相关需求时,可优先启用该技能,从可检索数据库中获取样式、配色、字体、图表、UX 准则与各技术栈最佳实践,辅助产出设计。
主要能力:以 search.py 脚本按域检索。常见域包括 product(产品类型推荐)、style(界面样式、色彩与效果)、typography(字体搭配与 Google Fonts 导入)、color(配色方案)、landing(页面结构与 CTA)、chart(图表类型与库推荐)、ux(最佳实践与反模式)、prompt(AI 提示与 CSS 关键词)。支持的技术栈有 html-tailwind(默认)、react、nextjs、vue、svelte、swiftui、react-native、flutter。还整理了常见专业 UI 规则,如用 SVG 图标而非 emoji、悬停不引起布局位移、可点击元素加 cursor-pointer、浅深色模式对比度与边框可见性、浮动导航栏留白、一致的容器宽度等。
使用方式:先确认 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>],指定栈时加 --stack html-tailwind。建议检索顺序为 product、style、typography、color、landing、chart、ux、stack,最后综合结果实现设计。交付前按清单核对视觉、交互、浅深色模式、布局与无障碍。
适用场景:落地页、仪表盘、SaaS、电商、作品集等界面的设计与实现,以及 UX 评审和配色、字体、图表选型。
限制:资料未提供收费、价格、平台支持、效果保证等信息;脚本路径、可用域与技术栈以资料所述为准,其余细节暂未提供。