SuperAPI AI 工具集

ui-ux-pro-max

通用与其它

查看项目

更新于 10-16 03:37

技能介绍

用途:面向 UI/UX 设计、构建、实现、评审、修复与改进任务,提供可搜索的设计知识库,覆盖界面风格、配色、字体搭配、图表类型、产品推荐、UX 准则以及特定技术栈的最佳实践,帮助产出更专业的前端界面。

主要能力:内置 product、style、typography、color、landing、chart、ux、prompt 等域,可按关键词检索产品类型推荐、风格指南(颜色、效果、框架)、字体搭配与 Google Fonts 导入、配色方案、页面结构与 CTA 策略、图表建议以及 UX 最佳实践与反模式。支持 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 .claude/skills/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>],技术栈指南用 --stack 参数。建议顺序为 product、style、typography、color、landing、chart、ux、stack,最后综合结果实现设计。

适用场景:制作落地页、仪表盘、SaaS、电商、作品集等界面时,获取风格、字体、配色与结构建议,并检查图标、交互、明暗模式对比度、布局间距与无障碍等常见问题。交付前可按视觉质量、交互、明暗模式、布局与无障碍清单自检。

限制:依赖本地 Python 环境与技能脚本路径;检索结果需自行综合,并非自动生成成品设计;其余细节资料未提供。