夜雨聆风学习资料网

ARTICLE · 1272423

23 万星的工具,专治 AI 写的界面

23 万星的工具,专治 AI 写的界面

23 万星的工具,专治 AI 写的界面

💡 一句话
用 AI 写前端,页面都长一个样。三个开源项目在教 AI 别这样写,加起来 23 万星。
🔍 AI 味长什么样
紫到蓝的渐变打底,中间一句"释放无限可能",下面三个一模一样的卡片,卡片顶上放一个圆角方块图标。字体全用 Inter,圆角一律 16px。
这不是某一个模型写出来的,是所有模型写出来的。训练数据里"SaaS 落地页"太多,模型学到的平均值就这个样子。
🛠 三个项目在做什么
taste-skill 走美术指导路线。作者研究了 247 个站点,提取出 20 种视觉方向,每次开工先抽签定一个方向,还要求配真图,不能用 AI 生成的插画。
impeccable 走命令词路线。24 条命令,管打磨、管审计、管字体、管间距。附带 62 条检测规则,纯代码跑,不调模型也不用 API key。
hallmark 走关卡路线。Together AI 做的,21 套主题,每套有 57 道检测关,出代码前先自查一遍。
⭐ 数字
taste-skill 104410 星,impeccable 92540 星,hallmark 40650 星。三个加起来 237600 星,fork 一共 14648 个。
加起来这个数是我自己算的:104410 加 92540 等于 196950,再加 40650 等于 237600。
⚠️ 别装错
taste-skill 要 Node 22 以上,还得装 Chrome 或 Chromium,它要联网找图。impeccable 是个 Rust 二进制,可以直接跑,也支持 npx 装。
hallmark 最轻,npx skills add 一下就有。
🔄 装完会变什么样
装上之后 AI 不会变聪明,但它会开始挑。taste-skill 会告诉你这个方向跟那 247 个站点里的哪个像、哪里需要照片。impeccable 会直接指出你的圆角太大、卡片套卡片、字体没层次。
💡 一个反直觉的点
这三个项目加起来 23 万星,说明用 AI 写代码的人里,已经有一大批被 AI 味折磨过。
🤖 谁最该装
👨‍💻 天天让 AI 生成前端页面的人。写出来的页面自己都看腻了。
🎨 做产品设计的人。以前靠感觉跟 AI 争论,现在有规则可以摆到桌上。
📝 一个人做小工具的人。没人帮你审代码的时候,这 62 条规则就是审你的人。
🔄 一步就能试
先只装一个。npx skills add nutlope/hallmark,然后拿一个你最近生成的页面跑一遍 audit,看看它挑出来的问题跟你自己的感受对不对得上。
对得上,说明你不是挑剔,是真被 AI 味折磨过。

河北,1小时前,

相关学习资料