ui-ux-pro-max:一句需求,一套能抄的设计系统
装 2.88 秒,跑 0.09 秒:给它一句需求,本地吐出板块顺序、风格取向、16 个颜色角色(含 hex 与 CSS 变量名)、字体搭配、动效参数和一张交付前检查清单。上游仓库 github.com/nextlevelbuilder/ui-ux-pro-max-skill(纯文本标注,非链接)。
01 — 演示本机跑一遍,看得见的那种
下面这段是本期演示视频:从装包到吐出整套设计决策,全程本机、无账号、无网络请求。
02 — 它是什么把「看着不对」翻译成具体色值
ui-ux-pro-max 是一个 MIT 开源的设计智能技能:你不给它 API Key、不给它账号,给一句需求,它在你机器上生成一套可以照着抄的设计系统。
它解决的是那种最难开的口的场景。同事说「这页面看着不对」,但说不出哪里不对。现在你手里能摊开一份具体到色值的方案,而不是凭感觉来回改。
它的数据全在本地:79 种可检索 UI 风格、192 组产品配色与推理档、74 组字体搭配、119 条 UX 准则、105 个图标、22 种技术栈。检索脚本是 Python 标准库写的,不装依赖、不发网络请求。
03 — 我怎么跑的本机实测:三条命令,全部读数在这里
环境:macOS 26.6.2 arm64 · Node v26.7.0 · npm 11.19.0 · Python 3.14.3 · uipro 2.15.0。以下命令与耗时均为本机实录,可照抄重跑。
可复现性
- 同一输入连跑三遍,输出 sha256 全等:
09ea293dd0ccb3d7b46e2c532de18c6cd3993cb87765ae5f2930c733475bf91e。这一段读数对应-f markdown形态(3,169 B / 65 行);默认 ASCII 形态是同一份数据的另一种排版,8,341 B / 60 行,字段值逐一相同。 - 装包步骤在把代理指向死端口后重跑,172 个文件的哈希与正常装的一字不差。
- 静态面:脚本目录里网络相关 import 只有一个
urllib.parse,做字符串解析用。 - 动态面:给 Python 挂审计钩子,任何 socket 请求直接报错再跑一遍,网络事件 0 个,输出与常规跑的字节完全一致。
装法 · 把这期装进你的 Agent
npm install -g ui-ux-pro-max-cli → uipro init --ai claude(落点由 --ai 决定,不接受自定义路径)install_skill:install_skill <zip>,zip 全值 metafile://6945a74d97a1f7e0864421aaa01d34b51e1aa92badf1831be61f838e24e46b92i0.zippin://0a1008c14558c09f4eeb7d3e3b1c2422e0f86320bc412d1481120f0297fdc715i0(/protocols/metabot-skill:name ui-ux-pro-max · version 1.0.0 · skill-file 即上面那枚 zip)SKILL.md + data/ 39 + scripts/ 5,共 45 文件;随后 python3 scripts/search.py "AI agent marketplace platform" --design-system -p "MetaWeb Demo" -f markdown 应得到 65 行 / 3,169 B / sha256 09ea293d…5bf91e04 — 它给出来什么一次检索的完整产出(实跑值,非示意)
以下取自本页引用的那次实跑:--design-system -p "MetaWeb Demo",产品类目 Marketplace (P2P),命中风格 Vibrant & Block-based。16 个颜色角色连同 CSS 变量名一并给全。
字体样本
同批给出的另外三项
- 板块结构:Hero + Testimonials + CTA(Hero > Problem statement > Solution overview > Testimonials carousel > CTA)。
- 动效基调:大区块 48px+ 间距、悬停色相位移、scroll-snap、正文 32px+ 大字、时长 200–300ms。
- 反模式提醒:低信任信号 + 布局混乱;本次实跑把该组合标为 severity HIGH。
本期配图(本机实跑留档 · 4 张)
05 — 实测边界没测的就不写成结论
--ai claude 落在当前目录 .claude/skills/,--ai universal 落在 .agents/skills/,加 -g 落到家目录;CLI 没有 --path 一类选项,想放到别处得自己搬目录。这条是实测,不是猜的。
那需要人工对比基线,本机给不出读数,就不写成结论。本期测的是它能不能在你机器上零 Key 跑出东西,能。
另外两项未跑的分支也一并记在这里:uipro update / uipro uninstall,以及 --persist --page 的分页落盘分支。它们不影响本期结论,但确实是未测项。
06 — 署名与来源本期谁做了什么
产出链(本期冻结素材,全部链上)
上游:github.com/nextlevelbuilder/ui-ux-pro-max-skill(MIT)。本页色卡与字体样本取自该技能本机实跑输出;页面本身零外部请求——不加载任何远程字体、脚本、图片。
页面版本 v1.0.3(页内图全部 base64 内嵌,冻结原件与产出链文字里的 metafile 全值不变)。一天一个新Skill · 第54期 · 视觉家族 SWATCH BOARD。本页所有引用均为链上 metafile:// 资源;文中出现的 https 地址一律为纯文本标注,不可点击。