SuperAPI AI 工具集

tool-ui-ux-pro-max

设计与创作

查看项目

更新于 10-15 22:13

技能介绍

用途:这是一个查询型工具,不是页面生成器。它用于在设计或评审时快速检索可落地的 UI/UX 输入,如配色令牌、字体搭配、落地页结构与 UX/无障碍约束,并可结合指定技术栈给出实现层面的提示。检索结果可被综合成 design-system.md、UI 重构计划与验收标准,或针对“看起来不错但用起来别扭”问题的评审清单。

前提:需确保可用 Python,可用 python3 --version || python --version 检查。

核心命令:领域检索 python3 ~/.claude/skills/tool-ui-ux-pro-max/scripts/search.py "<query>" --domain <domain> [-n <max_results>];技术栈检索 python3 ~/.claude/skills/tool-ui-ux-pro-max/scripts/search.py "<query>" --stack <stack> [-n <max_results>]。可用技术栈包括 html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter。

推荐流程:先明确产品类型、语气关键词、行业与技术栈(未指定时默认 html-tailwind);再按 product、style、typography、color、landing、chart、ux 等域检索,每域取 1 至 3 条结果综合;最后按技术栈检索以落地实现约束。

领域参考:product 用于按产品类型确定风格方向;style 用于风格细节;typography 提供字体搭配与导入说明;color 提供十六进制配色令牌;landing 提供落地页结构与 CTA 策略;chart 用于图表类型选择;ux 提供 UX/无障碍规则与反模式;prompt 提供提示关键词。

常见专业规则:图标应使用一致的 SVG 图标集而非 emoji,品牌标志须准确;可点击区域添加 cursor-pointer 并提供悬停/聚焦反馈,过渡时长约 150 至 300 毫秒;需处理固定导航与固定头部遮挡,保持统一容器宽度;检查 320/768/1024/1440 像素宽度、移动端横向滚动、图片替代文本、表单标签、不以颜色作为唯一指示,并尊重 prefers-reduced-motion。

限制:资料未提供收费、价格、平台支持范围或效果保证等信息,暂未提供。