用 AI 做独立站，怎么去掉 AI 味：对标拆站四步法

用 AI 做独立站，第一版几乎都长一个样：紫蓝渐变的首屏、带感叹号的英文标题、Why Choose Us、emoji 当图标、三张卡片居中并排。你在外面看到这种，基本可以确定是 ChatGPT 或 Claude 做的。

同一个人、同一个 AI、同一个商品，换一种方法，一个下午能做出一个看不出是 AI 做的卖货站。课上那个站在这里：fiber.sctcamp.com，从下午两点半到六点半上线，图是生成的，代码是 AI 写的，我一行代码没碰。这篇是第二期训练营 Week 6 的公开整理。

什么是 AI 味？

拿第一版拆，五处：

每一项单拎出来都不算错，放在一起就死了。AI 味不是丑，是像所有人。 卖货卖的是新奇特，今年谁都能动动嘴做出这样的站，它就不再管用。

因为你跟它说的是「高级一点、有设计感、炫酷一点」。这些是形容词。

AI 理解的「高级感」，是它见过的所有东西的平均值。它的第一目标是把网站交付给你，不是把网站做好看。你信息给得不够，它不会告诉你不够，而是从脑子里拿一个平均的东西填进去。AI 味，是信息不够时的填空。 商品图、文案一眼假，也是同一个原因。

跟员工可以说「高级一点」，跟 AI 不行。

你不是设计师，脑子里有感觉也描述不出来。最好的办法是直接给它一个对标站，让它拆开照着做。课上用的是 ayocin.com，一个卖新风机和氛围灯的站，拿过 Awwwards 的奖。

每个网站都包着一层 CSS，写着字多大、间距多少、动效多久。你看不懂没关系，让 AI 去看。课上从对标站里读出来的几行：根字号 10px，大标题 9rem、行高 1、字距 −0.03em，按钮高 4rem、圆角 2rem，动效 1.5 秒。

把你的站和对标站逐屏截图并排看，先量再挑，修完重拍，直到挑不出来。

这不是 AI 能力的边界，是「AI 一次做出来」的边界。课上对比下来四条差距：

结构。 把整页切成等距缩略图，节奏一眼看出来：获奖站明暗交替，每两屏换一口气；第一版一路平铺。设计感的一半是节奏
数字。 同一句标题，人家 90px、行高 1；随手写的是 30px、行高 1.4。同一个字体，感觉完全不一样
素材。 一个独立站好不好看，图直接决定一半。白底正面图放平台电商可以，放独立站比不过。要做特写就为这个位置单独生成一张，把主图裁一块放上去就是狗皮膏药。那个站首页做了 32 张图，每一张只服务一个位置
收尾。 学 iPhone 页面那种「下面产品、上面大字」，标题压着产品、产品被压扁，体验就不可能好。每一层叠上去而不压住，要写进验收里

数字	是什么
40 分钟	拆站：几段、每段放什么、素材怎么生
50 分钟	映射表：对标站卖新风机，我们卖保健品，要把「现代居家」映射成「健康自然」，不能纯抄
32 张	生成图，没有一张是网上的原图
12 处	结构 bug，修了三轮
6 条	上线后的返工

写页面只占一小半，大头在拆站、生素材、对着截图挑毛病。几条真实返工：

抠图换了三条路线。 阈值抠图把产品的白也抠掉了；系统抠图边缘留白点、logo 留洞；最后让 AI 在纯品红底上重画一次再按颜色抠。生图工具不返回透明通道，就换个底色自己抠
图糊。 提示词写「氛围感」得到一团糊；改成「前景锐利、有露水、亮到白字能读」这种硬要求，一次就对
滚起来不吸。 滚轮停在哪算哪，半句话卡在屏幕中间。给每一段设吸附点，手一松自己到位。丝滑不是把动画放慢，是让它停在对的地方
手机端。 上线后才量出来手机端正文被压成 114px 宽的三栏，对着截图看了三轮没看出来，一条命令十秒就量出来。客户都是用手机点开的，手机端一定要让 AI 去量

先量：手机端正文栅格有没有塌、吸顶标题有没有被切、有没有横向溢出。再逐屏看六条：

两条提醒：像素级复刻只是学习手段，真上线要换足够多的内容和素材，别和标杆撞脸；标杆的图和视频一张都不能用。

做好之后不需要经常维护。另外，别信任何声称能精确算出别人 Shopify 销售额的工具，那是拿访问量和广告数据反推的。看竞品更靠谱的是两样：Meta 广告投了多久、多少素材在跑、一条素材跑多长时间；以及网站的 UV、PV 和停留时长。

这套拆站流程我做成了一个 skill：入口、映射表、逐屏对照三道门，中间的拆站、生图、移植、部署自动跑。skill 不是按钮，是路线图，能帮你到 60 分，剩下的打磨躲不掉。完整演示在第二期训练营 Week 6 的回放里。