用途:为前端 UI/UX 设计提供可搜索的设计知识库,覆盖风格、配色、字体、图表、落地页结构、UX 规范与技术栈最佳实践,适合在用户要求美观、精致界面时优先启用。
主要能力:内置 50 种 UI 风格、21 套配色、50 组字体搭配、20 种图表类型,以及 8 种技术栈(html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter)的实践指南。搜索域包括 product、style、typography、color、landing、chart、ux、prompt。
使用方式:先确认 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)。随后按流程分析需求、多次调用搜索脚本收集信息、获取技术栈指南并实现设计。示例命令: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。未指定技术栈时默认 html-tailwind。
适用场景:落地页、仪表盘、电商、作品集、SaaS 等界面设计与实现,以及设计评审与改进。
限制与规则:不得用 emoji 作 UI 图标,应使用 SVG(Heroicons、Lucide、Simple Icons);可点击元素需 cursor-pointer 与悬停反馈;浅色模式文字对比度至少 4.5:1;交付前需测试明暗模式与响应式断点。资料未提供收费、价格与效果数据。