用 AI 做网页的人越来越多了。但为什么你做出来的页面,别人一眼就能看出是 AI 写的。
不知道你有没有这种感觉——
看一张 AI 生成的照片,你一眼就能认出来。
不是因为它不好看,恰恰相反,它太完美了。
光线太均匀,皮肤太光滑,背景太干净,真实世界里没有这种画面。
AI 写的网页也是这种感觉。
功能没问题,布局也合理,但打开页面的那一刻,总觉得哪里不对劲,满屏的紫色、渐变色。
就像走进一间样板间,东西都在,就是没有生活过的痕迹。
不够踏实,不够落地。没有真实产品那种亲切感。
于是我写了个小工具,一键解决这个问题。
开源了,叫 remove-ai-sence。
AI 写前端,丑在哪
其实就两个地方。
第一,配色和图标看着不舒服
AI 特别喜欢用紫色。按钮是紫色,边框是紫色,选中背景也是紫色。
倒不是紫色不好看,问题是每个 AI 做出来的都是这配色。就像你走进一家餐厅,发现所有人的穿搭都是同一套——你肯定觉得哪里不对。
还有就是 emoji。AI 特别喜欢在按钮上放 emoji:
一个报表按钮带个 📊,保存按钮带个 💾,AI 按钮带个 🤖。
乍一看挺可爱,看久了就觉得——这不是一个正经产品的样子。你用过哪个 App 的"保存"按钮上有个 💾 的?
说白了,这些东西让用户一眼就觉得:这网页还没做完。
第二,报错信息看不懂
用 AI 写代码的人多半不太懂技术。
AI 写报错提示的时候有个坏习惯:直接把系统错误原文贴上去。
于是你的用户就会看到:
"保存失败: Unexpected token '<', is not valid JSON"
换你看到这几个字,你什么感觉?你会觉得这网站坏了。
一个正常的网页,报错应该长这样:
"保存没成功,稍等一下再试~"
很简单的一句话,但用户不会慌。
这个工具有什么用
它能自动找出你网页里这些问题,然后帮你改掉。
具体来说它做三件事:
找到所有紫色和 emoji,换成正常的图标和配色 

找到所有看不懂的报错,换成说人话的提示 
生成一份报告,告诉你改了什么,你确认后再执行 

改之前长什么样、改之后长什么样,都清清楚楚。
怎么用
在电脑上安装 Claude Code等coding工具,然后输入一行命令:
git clone https://github.com/moan19921019-code/remove-ai-sence.git ~/.claude/skills/de-ai
装好之后,在你的项目里输入 /de-ai 就可以用了。
它会自动扫描你的网页文件,然后给你看一份报告:哪里需要改,有多少处,优先级是什么。
你选一个喜欢的配色方案(蓝、青、灰都可以),它帮你一键替换。
整个过程不超过 5 分钟。
实际帮一个人省了多少事
我拿自己之前做的项目试了一下。
结果:
紫色用的地方:2 处 emoji 图标:80 多个 看不懂的报错:37 处
你可以想象,这个项目里随便点一个按钮,如果报错了,用户看到的都是一串英文,是不是会觉得这个网页很不靠谱?
用这个skill,半小时不到全部改完。
改完之后,之前觉得 "有点 AI 味" 的页面,看起来就像一个正常的产品了。
写在最后
我用各种AI也有两年多了 。
最大的感受是:AI 少了一种真实感。
从网页来看,它差的就是这些 —— 配色、图标、报错文案,这些细节 AI 不会在意,但用户会。
我做的这个工具,就是把这段差距补上。
开源免费,随便用。觉得好用的,右上角给个star。
仓库地址:https://github.com/moan19921019-code/remove-ai-sence
夜雨聆风