一个用 62 条规则抓 AI 味,一个拿 48 套材质砸模板:88K 星 impeccable 和 35K 星 Hallmark

一个用 62 条规则抓 AI 味,一个拿 48 套材质砸模板:88K 星 impeccable 和 35K 星 Hallmark

今天 GitHub 热榜前六里,两个位置被「设计技能」占了:第 1 是 35,065 星的 Hallmark,第 6 是 88,444 星的 impeccable。都不是模型,也不是框架,是给编码 Agent 装审美的 skill。路线却完全相反——一个把「丑」写成 62 条能跑出来的规则,一个干脆发你 48 套材质。从 Anthropic 官方插件市场开张之后,skills 这条线就一直是热榜常客,这次轮到设计。

我把两边的 README、安装方式和闸门设计都翻了一遍,说说差别在哪,什么时候别用。

impeccable:把 AI 味写成 62 条规则

impeccable 是从 Anthropic 那个 frontend-design skill 起家的,2025 年 11 月建仓,Apache-2.0,引擎用 Rust 写成一个自包含二进制,不挑宿主。

装法很直接:项目根目录跑 npx impeccable install,它会自己认出 ~/.claude、~/.codex、~/.cursor,连 ~/.hermes 都在名单里。脚本里可以用 --providers=claude,codex,cursor,grok,hermes 和 --scope=project|global 跳过问答。

它跟一般提示词最大的区别是先把事实钉住:/impeccable init 写一份 PRODUCT.md,记受众、目的、使用场景、约束、语气和证据;document 再从现有代码生成 DESIGN.md。产品事实和视觉方向分开存,后面所有命令都读这两份文件。

然后是 24 个命令:audit、critique、polish、distill、bolder、quieter、animate、harden、onboard……嫌长可以 pin audit,直接变成 /audit。

真正硬的是 62 条确定性检测规则,CLI 和浏览器扩展本地跑,不接 LLM、不花 token。它抓的都是模型默认值:全站 Inter、紫蓝渐变、卡片套卡片、彩色底上放灰字、纯黑纯灰、每个标题上面一行小字 eyebrow、bounce 缓动。说白了这是 lint 思路——能进 CI、能前后对比、不靠感觉。站里之前拆过 diagram-design 把画图品味写成规则,impeccable 是同一套思路,只是把范围扩到了整个前端。但它只能防丑,不能替你决定这页该说什么。

Hallmark:不发规则,直接发材质

Hallmark 是 Together AI 的 Nutlope 做的,MIT,2026 年 4 月建仓,297 次提交,现在到 v2。

它的做法是「发材质」:48 套主题,每套是纸、字、色、表面、组件和纹理的组合,一个文件不超过 8KB,旁边配一张成品页截图。开建时 theme.mjs deal 一次发三套候选,你挑一套,一页只读一套。

图库这块我很买账:755 张开放授权照片,全部来自 Wikimedia Commons,CC0、公有领域、CC BY、CC BY-SA 各自保留许可,页面逐张署名。它明确不用 Unsplash、Pexels、Pixabay,因为那几家的条款禁止 AI 工具挑图。

流程也不是「一把生成整页」:pre-flight 先读项目,字体、色板、框架、design.md 都过一遍,只问一次真实素材,不编数据;draw 按页面要干的事排骨架,预约页就负责预约,商店页就负责卖;Hero 单独做,渲染完换一个干净上下文冷眼评审,过了才铺整页;sloplint --render 在 8 个宽度上实测;最后再来一轮新上下文的子 Agent 评审。

闸门分三档:Floor 永不放行(对比度、焦点、reduced motion、编造事实、手机布局崩);Reflex 是模型默认会踩、但可以讲理由推翻的;Finish 只记分,不拦发布。

改版这块有硬约束:/hallmark redesign 保留内容和接线,--before 先记下每个链接、表单、标题,--kept 少一个就 fail。比「帮我重做一版」靠谱得多。

装法:npx skills add nutlope/hallmark -g,要 Node 18+;想跑浏览器检查还得装 puppeteer-core 和 Chrome,没有就只跑静态检查。

Hallmark 出稿流程:页面任务、Pre-flight 读项目、发三套材质、排骨架、Hero 单独过审、整页生成、sloplint 8 宽度实测、交付
Hallmark v2 一次出稿:素材只问一次,Hero 先单独过审,最后一页要在 8 个宽度上实测

实话

两个都吃上下文,不吃钱。impeccable 24 个命令乱用会把窗口塞满;Hallmark 一次 build 要渲染、截图、评审,改个按钮颜色不值当。

都救不了烂产品。规则能拦住「一眼假」,材质能保证不撞模板,但页面给谁看、先放什么后放什么,工具不管。

都要 Node,浏览器检查都要 Chrome。我在 A7Z 上跑这类截图任务,温度比待机高一截(平时就 62-65°C),批量跑得看着点。

怎么选:已经有设计系统、想让 Agent 每次交付都过同一套检查,上 impeccable;从零起页面、同一个模板写腻了,先让 Hallmark 发材质。两个都装也不冲突——先让 Hallmark 定方向,再用 impeccable 的 audit 收尾。

62 条规则和 48 套主题都不稀缺,稀缺的是「知道这页给谁看」。工具只保证你不低于地板。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注