AI 工具箱 · Impeccable 设计打磨

Impeccable:嫌页面太素说一句 bolder,jQuery UI 创始人出品

大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 编程助手里使用。