把设计决策,交给数据而不是感觉
这套技能不生成图片,它给的是一整套可检索的设计知识:风格、配色、字体搭配、UX 规则、图标、动效参数。 用法是「你提需求 → 它出方向 → 你淘汰不匹配的 → 落到版式与代码」。下面是它的全部内容与查询方式。
三种典型用法它到底能帮你做什么
给美术方向
说清"载体 + 尺寸 + 调性",它按产品类型与风格库给出推荐风格、配色、字体层级,并列出反模式(该避开的做法)。
给实现规范
指定技术栈(React / Next / html-tailwind / SwiftUI… 共 21 个),它给该栈的组件、动效、无障碍实现细节。
审 UX
用 119 条 UX 规则逐项检查:对比度、焦点、键盘可达、表单反馈、动效时序、移动端安全区……按严重度排序给改法。
方向库四个库,直接搜
下面是本机 ui-ux-pro-max/data/ 里的真实数据(静态导出,非在线接口)。切换标签 + 关键词过滤即可,
每条都带它的适用场景和避雷提示。
命令速查自己跑(可选)
命令都在本机执行,不联网。第一次用把 py 换成你机器的 Python 也可。
正确流程四步,别跳步骤
说清约束
载体(海报/网页/封面)、尺寸、受众、调性、要不要插画、要几个方案。缺一个,产出质量就会掉一档。
查库出方向
用 --domain style/color/typography 或 --design-system 拉候选,一次拿 3 个方向而不是 1 个。
淘汰不匹配的
技能自己要求:核对结果是否匹配产品与平台,不匹配就重查一次、再不行就明说"没有命中"。
才落地成文件
方向定了再做版式与代码;插画属于绘画任务,得靠图像生成或人手,不要指望版式技能把它画好。
一个真实的坑同一个入口,会给出完全不搭的结果
用「campus club recruitment youth energy poster」跑 --design-system,它返回的是:
PATTERN: Funnel (3-Step Conversion) ← 校园海报被判成"转化漏斗页" STYLE: Flat Design COLORS: Primary #0369A1 / Secondary #0EA5E9 / Accent #16A34A ← 企业蓝 TYPE: Inter / Playfair Display
结论:入口选错,数据再全也没用。做海报就该走 --domain style / typography / color 逐项查,
交付前再请它按 UX 规则审一遍对比度与可读性。