⭐ 大V·Paul Bakaus 出品——jQuery UI 联合创始人、前 Google Chrome 开发者关系总监,前端圈资深人物。GitHub 5.2 万星,Apache 2.0 协议免费。
一、这是什么
给 AI 编程助手用的设计打磨工具。它很坦诚地说明自己起步于 Anthropic 官方的 frontend-design,然后往前走了一大步——把「让页面更好看」这件事拆成了一套可以下指令的动作。
二、核心:23 条打磨指令
这是它最好用的地方——你和 AI 之间有了一套共同的设计语言,不用再费劲描述「我想要那种感觉」:
•
嫌页面太素 → bolder(放大胆些);太花哨 → quieter(收一收)
•
polish 收尾对齐设计系统、critique 做设计评审、audit 查无障碍与性能
•
typeset 修字体、layout 修布局间距、colorize 加配色、animate 加动效
•
distill 删繁就简、delight 加点惊喜、harden 处理文字溢出等边界情况
•
onboard 做新手引导和空状态、adapt 适配不同设备、clarify 改文案
三、60 条检测规则,不花一分钱
它带 60 条确定性检测规则——纯规则判断,不调用大模型、不用 API Key,命令行和浏览器插件里直接跑出问题清单。这意味着日常检查这一步零成本。
四、怎么开始
先跑一次初始化,它会问你这个页面是品牌向(官网、落地页、作品集)还是产品向(应用界面、后台、工具),然后把受众、品牌调性、语气、配色、字体、组件写成两份说明文件。之后每条指令都读这份上下文,越用越懂你的项目。
五、适合谁
•
页面已经做出来了,但想再往上打磨一档的人
•
说不清「哪里不对」,但知道「不够好」的人——让它 critique 一遍
⚠️ 一句实话:它是「打磨」不是「从零生成」——得先有个页面才有得改。从零开始建议配 Anthropic 前端审美或 UI UX Pro Max 先做出来,再用它精修。需在 AI 编程助手里使用。