用途:在用户提出 UI/UX 相关需求(设计、构建、评审、修复、改进)时,提供可检索的设计情报,辅助完成从风格选型到代码实现的流程。
主要能力:数据库涵盖 UI 风格、配色方案、字体搭配、图表类型、产品类型推荐、UX 指南以及特定技术栈最佳实践。可检索域包括 product(产品类型推荐)、style(UI 风格、颜色、效果)、typography(字体搭配与 Google Fonts 导入)、color(按产品类型的配色,含 Primary、Secondary、CTA、Background、Text、Border)、landing(页面结构与 CTA 策略)、chart(图表类型与库推荐)、ux(最佳实践与反模式)、prompt(AI 提示与 CSS 关键词)。支持的技术栈: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)。随后先分析需求(产品类型、风格关键词、行业、技术栈,未指定技术栈时默认 html-tailwind),再用脚本多次检索:python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>];技术栈检索用 python3 skills/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind。建议检索顺序为 Product、Style、Typography、Color、Landing、Chart、UX、Stack,最后综合结果实施设计。
适用场景:落地页、仪表盘、电商、作品集、SaaS 等界面的设计与实现参考;需要风格、字体、配色、图表或 UX 规范建议时。
限制:资料未提供收费、价格、平台支持范围与效果数据。使用依赖本地 Python 环境与脚本路径;技能本身为检索式知识库,最终设计需由使用者综合结果完成。文档另列出专业 UI 常见规则(图标用 SVG 而非 emoji、悬停状态不引起布局位移、交互元素加 cursor-pointer、浅色模式对比度、浮动导航栏间距、响应式断点 320/768/1024/1440px、无障碍如 alt 文本与标签)及交付前检查清单。