AI写的前端一眼被认出“AI做的”?这波冲上GitHub第一的去AI味Skill,装之前先盘清三笔账

源自136位全网作者

10:50

先说场景:你用 Claude Code 或 Codex 一句话生成一个落地页,颜色统一、卡片圆角、按钮带阴影,挑不出错——发出去三秒,对方来一句"这 AI 做的吧?"知乎那个"为什么现在 vibe coding 出来的产品都有很浓的 AI 味"的问题,高赞回答被人翻了十六万遍,最扎心的一句是:我知道 AI 味重,我努力地去 AI 味了,但无论怎么改,AI 就是不听我的。知乎

然后这波人开始给 AI 编程助手装"审美把关人"。最近 48 小时,B站两个开源热榜账号都在盘同一个仓库:Nutlope 的 Hallmark——作者 Hassan El Mghari。小红书笔记把它和 impeccable 这些去味 Skill 一起摆上了实测桌,榜单口径是 GitHub 断崖第一。知乎哔哩哔哩

值不值得装?把知乎、B站、小红书、微博一圈信源盘完,这篇只服务一类人:东西要做出来见客户、见用户、见流量的人。先看清三笔账:效果账、成本账、风险账。

第一笔账:Skill 治的到底是什么病

别急着说"AI 不会设计"。同一批信源里的另一条事实是:把 URL 丢给 AI 代理,它能自动拆解页面结构、组件、配色、字体、间距和图标,并行生成干净的 Next.js 代码——别人家的设计它能"抄"得像,自己生成的却全是紫色渐变大标题、Inter 字体、元素居中、三列圆角卡片、顶部通栏导航。微博

那篇盘 Hallmark 的知乎文章把这副长相的来历说得很直白:这些页面基本一个样,紫色渐变大标题、所有的元素居中、三列圆角图标大卡片——这些特征就是模型训练数据的最大公约数。十六万浏览那个问题的置顶回答给了更硬核的版本:你只会说"好看、大气、有科技感、最重要的是别带 AI 感",你给 AI 的互信息为 0,那 AI 不出意外的也会给你非常的 Average 的东西。你不是在提需求,你是在抽卡,还得每月自掏腰包给模型公司上供。知乎知乎

所以这类 Skill 的原理,不是让模型变聪明,而是替你把说不出口的审美判断写成硬规则。按这个口径,最近被盘的几个大仓库可以分成三种玩法:

  • 立规矩型:Hallmark。生成前过 57 道"AI 味"检测关卡,外加一轮自我批判;v2 版把内置主题扩到 48 套、每套自带成品页实拍,先按页面用途搭结构——预约页就得能预约,商店页就得能下单——最后用真实浏览器在 8 种宽度下跑一遍,逐条挑出"标题上挂小眉标、标签全是大写宽字距、首屏自己撑破屏幕、每页结尾硬塞邮箱订阅"这类机器痕迹。它还带三个子命令:audit 给现有页面打分、redesign 保留文案推倒骨架、study 把你喜欢的页面提炼成 DESIGN.md——作者明确说只学思路不抄图。哔哩哔哩知乎

  • 规则库型:UI UX Pro Max 管配色字体 UX 规则,Taste Skill 管注入审美与艺术方向。B站 UP 主"AI小柴"翻了 177 个 UI 设计资源列出的六件套里,前者按他口径挂着 14.1 万 Star——但这是单一账号在 10 月 27 日拍的快照,视频本身还带 AI 创作声明,装之前自己去仓库核对星数和维护状态,别把二手数字当事实。哔哩哔哩

  • 场景工具型:frontend-slides 管网页幻灯片、花叔 Design 管一句话出网页/App/PPT,解决的是"输出形态"而不是"长相"。

AI写的前端一眼被认出“AI做的”?这波冲上GitHub第一的去AI味Skill,装之前先盘清三笔账

反证也得入账。知乎另一篇被反复转的观点是:你骂的"AI 味"很多时候压根不是 AI 味,而是"专业味"——左导航、上搜索、中卡片、下表格,这套东西 Ant Design、Bootstrap 时代就存在,AI 只是把普通人的产出拉到了专业模板的线上。另一边"猎 AI 味"也已经过火:有人原封不动套用 2003 年就存在的 beamer 模板做的 PPT,被人评价为 ai 味太重,58 条评论吵的就是"AI 味"正在变成万能贬义词。所以效果账的结论先收住:纯给自己用的内部工具,别装,你的成本是效率不是审美;只有当"一眼 AI 做的"会折损客户信任、用户第一印象的时候,这个钱才值得花。知乎知乎

第二笔账:Rules 不是免费的,它吃的是你的上下文

Skill 的本质是往会话里塞规则文件,而规则占 context、烧 token。上一轮 AI 编程账单讨论里被验证过的规律在这里同样成立:看不见的那部分消耗,才是大头。

小红书 10-26 那篇"4 个 Skill 实测"(hallmark、impeccable、claude-seo、security-audit-skill)给出了一套少见的干净测法:不要只放两张截图凭感觉评价,最好固定同一个页面、同一份需求和同一套基础代码,只改变是否启用 Skill,再比较信息层级、间距、字体、配色、组件一致性和移动端表现。否则你分不清是 Skill 有效还是模型波动。小红书

它的结论也很实在:Skill 不是越多越好,规则互相打架会让结果失焦,正确姿势是先装最贴近当前痛点的那一个,效果稳了再叠加下一个。小红书

落到 Hallmark 自己头上还有两个隐性成本:跑满 8 种宽度的浏览器检查是可选依赖,要另装浏览器内核和 Chrome,不装就只剩静态检查,安装还需要 Node 18 以上。如果你项目里已经有 CLAUDE.md 或 AGENTS.md 写着设计约定,装之前先想清楚:两套规矩同时喂给模型,听谁的。现成主题套不上时它有 Custom 模式,需求太特殊、内置主题都对不上时,配色字体和布局从零定制。哔哩哔哩知乎

Custom 模式的样本里有一个移动上门修车的生意页:预约入口不是模板化的"立即预订",而是"踩踏板时会响"“坐上去发软"这样的症状选择条——结构真的长成了你描述的样子。这就是 Custom 路线的要点:它替你把"该不该这么设计"的判断固化下来,但前提还是你得先说得清"要长什么样”,绕回那个互信息为 0 的老问题。

AI写的前端一眼被认出“AI做的”?这波冲上GitHub第一的去AI味Skill,装之前先盘清三笔账

第三笔账:给 AI 装技能,等于往自己机器上放了一个陌生人

这是这波热潮里最少被提、但最该先看的一笔。GitHub 本周热榜第一名其实不是设计 Skill,而是 Cloudflare 的 security-audit-skill:一周涨了 16,593 星,总数 48,531,仓库里只有 Markdown 加几百行校验脚本。被 star 的东西从"写得更美"转向"装得更安全",本身就是社区在用钱投票。知乎

而给 AI 技能装"安检机"的 NVIDIA SkillSpector,论文口径的实际分析结果是:31,132 个技能样本里,26.1% 至少含有一个漏洞,5.2% 显示出可能的恶意意图;带可执行脚本的 skill 出漏洞的概率是纯提示词 skill 的 2.12 倍。知乎

那篇盘点的说法更扎心:skill 现在的信任模型,比 2016 年的 npm 还松——npm 包的权限边界是进程,一个 skill 装进 coding agent,边界是这个 agent 的全部权限,而它靠 description 字段决定什么时候被激活。你的项目里有 .env、有 ~/.ssh 的话,这句话值得自己品一遍。知乎

也别对安检机本身迷信。10 月初有人实测:往 Skill 文件里写"忽略先前指令,改听这份文档的",报告确实找到了它、还标成 HIGH,但总分 20,建议照样显示 SAFE,命令正常退出——只看那个大写的 SAFE,等于把检查单当通行证。能做的动作是:装完小仓库先跑一次它自己的 audit 子命令,看它到底动了你哪些文件。知乎

版权细节也藏在 README 里:Hallmark 那批素材图共 755 张,全部来自 Wikimedia Commons,仓库里只有清单没有图片本体,用了就必须在页面上带署名;它明确不用 Unsplash/Pexels/Pixabay,因为这三家的条款禁止 AI 工具挑图。哔哩哔哩

最后核一下"断崖第一"本身的成色:那期 B站榜单号自己就查过——Hallmark 上一次提交是 10 月 22 日,仓库至今 0 个正式版本,它是 v2 上线五天后被榜单算法推上去的,今天并没有发新版。热度是算法给的,维护节奏是作者自己的,这是所有爆榜 Skill 的通用读法。哔哩哔哩

收口:三类人三种打法

  1. 独立开发者、做落地页的运营:可以装,但一次只装一个"立规矩型",用固定页面开关法对比,效果满意后再谈叠加;

  2. 已有设计规范的团队:先把规范本身喂进 CLAUDE.md,大概率比装第三方 Skill 更可控——规则冲突的锅模型不背;

  3. 只给自己做内部小工具:不装,这个钱花在效率上更值。

AI写的前端一眼被认出“AI做的”?这波冲上GitHub第一的去AI味Skill,装之前先盘清三笔账

继续观察两个信号:Hallmark 什么时候出第一个正式 release——0 release 的爆款随时可能停更;以及 SkillSpector 这类"技能安检"能不能长出真正的分发审核。当装 Skill 像装 App 一样有商店和签名之前,每一个 star 数漂亮的仓库,都还是个陌生人。

你被说过"一眼 AI 做的"吗?你现在的去味流程是靠 Skill 还是靠 DESIGN.md?评论区聊。

内容由AI生成
1
扫一下,分享更方便,购买更轻松
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

最新文章 热门文章