SuperAPI AI 工具集

UI/UX Intelligence Expert

设计与创作

查看项目

更新于 10-15 17:28

技能介绍

用途:当需要设计系统推荐、配色方案、字体搭配、UX 规范或跨技术栈设计指南时使用,适用于设计新 UI 组件或页面、选择配色与排版、审查代码中的 UX 问题、搭建落地页或仪表盘、落实无障碍要求。

主要能力:数据库涵盖 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南与 25 种图表类型,覆盖 13 个技术栈;支持基于优先级的推荐。规则按优先级组织:无障碍与触控交互为关键级,性能与布局响应式为高级,排版配色、动画、风格选择为中级,图表数据为低级。

使用方式:因含约 500KB CSV 数据与 12 个技术栈指南,建议用 scripts/search.py 查询而非全量加载。步骤为:先分析需求(产品类型、风格关键词、行业、技术栈,默认 html-tailwind);再用 --design-system 生成设计系统,例如 python3 /Volumes/MacOS/个人项目/skills/GitHub/TraeSkill/.trae/Skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"];随后按需做领域检索,如 --domain style/chart/ux/typography/landing;最后获取栈指南 --stack html-tailwind,可选栈含 html-tailwind、react、nextjs、vue、svelte、swiftui、react-native、flutter、shadcn、jetpack-compose。--design-system 支持 ASCII 框(默认)与 -f markdown 输出。

限制:官方未提供收费、价格与平台支持信息;数据量较大需注意性能,应使用检索脚本查询。