技能自带本地库 · 离线可查

把设计决策,交给数据而不是感觉

这套技能不生成图片,它给的是一整套可检索的设计知识:风格、配色、字体搭配、UX 规则、图标、动效参数。 用法是「你提需求 → 它出方向 → 你淘汰不匹配的 → 落到版式与代码」。下面是它的全部内容与查询方式。

三种典型用法它到底能帮你做什么

01 / 定方向

给美术方向

说清"载体 + 尺寸 + 调性",它按产品类型与风格库给出推荐风格、配色、字体层级,并列出反模式(该避开的做法)。

02 / 定规范

给实现规范

指定技术栈(React / Next / html-tailwind / SwiftUI… 共 21 个),它给该栈的组件、动效、无障碍实现细节。

03 / 做审查

审 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 规则审一遍对比度与可读性。