SuperAPI AI 工具集

ui-ux-pro-max

前端与建站

查看项目

更新于 10-15 20:21

技能介绍

用途:UI/UX Pro Max 面向界面设计与实现工作,覆盖设计、构建、创建、实现、评审、修复、改进等 UI/UX 任务。它以一个可检索的数据库形式提供 UI 风格、配色方案、字体搭配、图表类型、产品推荐、UX 指南和技术栈最佳实践。

主要能力:内置多个检索域,包括 product(按产品类型给出推荐,如 SaaS、电商、作品集、医疗、美容、服务)、style(玻璃拟态、极简、暗色模式、粗野主义等风格细节,含颜色、效果、框架)、typography(字体搭配与 Google Fonts 引入)、color(按产品类型给出主色、辅助色、CTA、背景、文字、边框)、landing(页面结构与 CTA 策略,如 hero、推荐语、定价、社交证明)、chart(趋势、对比、时间线、漏斗、饼图等图表类型与库建议)、ux(动画、无障碍、z-index、加载等最佳实践与反模式)、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。检索通过脚本执行: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。建议顺序为 product、style、typography、color、landing、chart、ux、stack,可多次检索并综合结果后实现设计。

适用场景:需要快速确定产品风格、配色、字体与页面结构的界面工作;仪表盘或分析类界面的图表选型;跨 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 的落地实现参考;交付前的 UI 质量与无障碍自查。

限制:资料未说明收费、价格、平台支持范围与具体效果;检索结果依赖关键词质量,需多次尝试并人工综合。资料还列出专业 UI 常见规则与交付前检查清单,如使用 SVG 图标而非 emoji、悬停状态不引起布局位移、可点击元素加 cursor-pointer、亮暗模式对比度与边框可见性、浮动元素留边距、在 320/768/1024/1440 宽度下响应式且移动端无横向滚动、图片含 alt、表单含 label、尊重 prefers-reduced-motion 等。未提供的功能与细节暂未说明。