用途:在编写任何代码之前进行设计规划与探索,帮助确定设计方向。用户请求涉及 UI/UX 的设计、构建、创建、实现、评审、修复或改进时适用,例如选择视觉风格、配色与字体、评审 UX 问题、构建落地页或仪表盘、实现无障碍要求。
主要能力:包含 50+ 风格、97 套配色、57 组字体搭配、99 条 UX 指南、25 种图表类型,覆盖 9 个技术栈,为可搜索数据库并给出基于优先级的推荐。规则类别按优先级排列:无障碍与触控交互为关键,性能与布局响应式为高,排版配色、动画、风格选择为中,图表与数据为低。同时提供面向 React/Next.js 的性能建议、Web 界面规范与常见反模式(如不使用 emoji 作图标、悬停不引起布局位移、明暗模式对比度等)。
使用方式:需先确认已安装 Python,可用 python3 --version || python --version 检查。生成设计系统时运行 python3 ~/.claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system,可加 -p "Project Name";加 --persist 可保存为 design-system/MASTER.md 及页面级覆盖文件,加 --page "dashboard" 生成页面覆盖。补充细节时用 python3 ~/.claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain>,并按需指定技术栈 --stack html-tailwind,可选栈包括 html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn、jetpack-compose。
适用场景:新建组件或页面、选择配色字体、代码 UX 评审、落地页与仪表盘、无障碍实现,以及按产品类型与行业获取推荐。
限制:资料未提供收费、价格与商用授权等信息;具体效果如图片优化等仅以规则条目呈现,实际效果取决于项目情况。