硅谷中转站

硅谷中转站

追踪全球 AI 最前线 · 每 3 小时一篇 · 不鸡汤、不水

🎨 你有没有发现,现在 AI 生成的网页,长得几乎都差不多?同一批字体、同一套渐变、同一组圆角卡片——不管你用的是 Claude、Cursor 还是 Codex,出来的界面都像同一个模子刻出来的。

· claude-code · design · anti-slop · skill · frontend

🎨 你有没有发现,现在 AI 生成的网页,长得几乎都差不多?同一批字体、同一套渐变、同一组圆角卡片——不管你用的是 Claude、Cursor 还是 Codex,出来的界面都像同一个模子刻出来的。

GitHub 上最近有个专治这个的项目火了,叫 Hallmark,已经 12.5k star。它把自己定位成一个「反 AI 味」的设计 skill,给 Claude Code / Cursor / Codex 用。有意思的地方是它治套路的方法——「又一个设计工具」反而是最不重要的。

先说清楚,默认状态下 AI 出的东西长什么样,你八成一眼就认得:深色背景配紫蓝渐变、清一色的 Inter 字体、居中的大标题、底下一排三个圆角卡片、emoji 当图标、右上角一个「Get Started」。这套本身不难看,坏就坏在太眼熟——一个卖面包的店和一份 API 文档,最后都能长成同一个落地页。模型不给约束时,会本能地走「最安全」那条路:最常见的布局、最眼熟的配色、最省事的组件库。省事,但千篇一律。

🔍 Hallmark 反过来做。生成之前,它先跑 57 道「查 slop」的关卡,再逼模型自己挑一遍毛病(pre-emit self-critique),确认这次不是在套模板,才把结果吐出来。它内置 20 套主题,按你需求的调性去选一套,不再无脑套那一个「万能模板」;需求太特殊、没有现成主题时,还能临时定制一套。四个动作也分得清楚:build 生成、audit 给现有页面做体检、redesign 重做、study 拿来学。作者说得很直接:两个用 Hallmark 做出来的站,应该像两个不同的站,而不是同一个模板换了个配色。

还有个实用的点:如果你手上已经有一堆 AI 生成的、一眼假的页面,不用全推倒重来。audit 会先给现有页面打个 slop 分,指出哪几处最模板化;redesign 再针对性重做。等于给那些「AI 味」页面开了个批量脱壳的入口,连老页面也能救。

放在一起看,差距拉开的关键就一个:有没有人给它立规矩。默认模式赌的是模型的直觉,而直觉的平均值就是大众脸;Hallmark 赌的是流程——把「别偷懒、别套模板」这种模糊要求,拆成 57 条能自动检查的硬规则,再加一步强制的自我否定。它没上更聪明的模型,只是把捷径给堵死了。

💡 我的判断:值不值得装,取决于你在乎不在乎「一眼假」。只在内部跑个 demo,无所谓;可只要东西要挂出去、要代表你,那股 AI 味就是实打实的减分项。也别把它当万能药——它管的是「长得像不像模板」,管不了你的信息架构对不对、文案好不好,设计品味能帮你兜底,产品判断还得自己来。更值钱的是它这套思路能迁移:你让 AI 写的文案、做的图、生成的代码,千篇一律的根子往往都一样——没人逼它自我否定,跟参数强弱关系不大。

你手里的 AI,有人给它立过规矩吗?

转给那个页面一眼就能看出是 AI 做的朋友。

关注 @svtransit1 · 写给真在用 AI 的人

原文链接放在第一条评论 ↓

#AI #ClaudeCode #前端 #AI设计 #AI日报

原始来源:https://github.com/Nutlope/hallmark


关注 @svtransit1 · 每 3 小时一篇 AI 前线 · RSS