大家好，我是Zack。

先说个场景：你刷到一个别人的个人主页，深色、干净、项目卡片排得整整齐齐，心想「我也想要一个这样的」。

于是打开 AI，打字：「帮我做一个个人主页，要有介绍、有项目展示，深色风格，专业一点，好看一些。」

它跑完了，交上来一个东西。你说不上来哪里不对——反正不是你收藏的那个页面。导航栏是它加的，大标题横幅是它加的，居中排版也是它加的。每一样单看都挺像回事，拼起来就不是你想要的。

你说「改一下」，改完还是偏。三轮下来，你收藏的那个页面早就关掉了，脑子里只剩一个模糊印象，越改越远。

我今天拿真实实验把这事儿说透，顺带给你一个我从零基础小工具用到现在的方法：别从零写，先抄一个再改。

我原来的做法，卡在哪

先交代实验设置。我造了一个参考页面：深色个人主页，左边圆头像，右边三个社交按钮，中间「关于我」，下面三张项目卡片。就像你随手收藏的那种页面，截图存好。

然后我用大多数人第一反应的打法，从一个空目录开跑，命令是这样：

claude -p "帮我做一个个人主页的网页，单个html文件就行。要有个人介绍，做过项目的展示，看起来专业一点，深色风格，好看一些。"

86 秒跑完。产出确实不差——导航栏、渐变大标题、技能标签、hover 动效都有，131 行代码。长这样：

但我把两个页面并排一放，问题全露出来了。我数了一下，两版代码对比，286 行不一样——基本是两个完全不同的页面。导航栏、Hero 大横幅、居中排版的「关于我」，参考图里一样都没有，全是它自己加的戏。

问题出在哪？「好看」「专业」「深色」这些词，在你脑子里指的是那个收藏页面，在它脑子里指的是它见过的几万个深色模板。文字翻译过去，全变了味。

换成先抄一个

第二回，同一个空目录，我只给了它一张截图加一段话：

claude -p "参考截图 /tmp/home.png 的布局，做一个一模一样的个人主页，单个html文件。头像、社交按钮、关于我、三张项目卡片的排布全部照图复刻，不要自由发挥。内容换成我的：名字用Zack，介绍是独立开发者，三个项目分别叫PageSail、CronPet、Md2Pic。"

97 秒跑完，比从零写还慢了 11 秒。但打开一看：头像位置、社交按钮、竖线小标题、三张卡片排布，全对上了。长这样，你可以回头翻上面那张对比：

我给的项目名一个没错，卡片底下的标签它按项目性质配了 TypeScript、Go、Rust，介绍两行也是照着我的口吻写的。

多花 11 秒，买回来两样东西：

一，布局零偏差。你收藏那个页面好看在哪，它就好看在哪，中间没有翻译损耗。

二，后面的改法有了着落。想换配色？说一句「背景换成深蓝」。想加一栏？指着卡片说「再照这样加一张」。它知道「这样」是哪样，因为你给过参照物。从零写的那版你连改都没法提——说「别加横幅」，它下一条给你换个别的花样。

前后对比放一张表

单看秒数，抄的那个还吃亏。但做东西的时间从来不在第一轮生成，在后面一轮一轮「不是这个意思」里。省掉那个，才是真省时间。

三步操作，直接可抄

第一步，找参照物。看到喜欢的页面就截图，浏览器打开按 Cmd+Shift+4 框一下就行，png 存好。手机刷到的也一样，截屏。

第二步，一句话提示词，骨架是这四行：

参考截图 <图片路径> 的布局，做一个一模一样的<页面类型>，单个html文件。
<列出你看到的主要区块>的排布全部照图复刻，不要自由发挥。
内容换成我的：<名字、介绍、项目名>。

「不要自由发挥」这句别省。AI 手痒，你不按住它，它就给你加横幅。

第三步，跑通再改。第一版出来先别挑毛病，布局对上了就是赢。之后所有修改都指着已有区块提：「换配色」「这段文字改成xx」「再照第三张卡片加一张」。一次提一个，改完看一眼再提下一个。

两个提醒

一是版权边界。抄布局、抄排版思路没问题，这是通用设计语言；别把人家的文案、logo、图片原样搬去商用。内容全换成你自己的，我这轮实验里三个项目名都是现编的。

二是它管不了逻辑。照图抄出来的是静态页面，点击跳哪、数据从哪来，还是得你用文字交代。图管长相，字管行为。

通用原则就两条

一，从零创造最难，模仿是上手最快的一步。别憋着「我要做个独一无二的东西」，你的独一无二是在抄来的骨架上一点点改出来的。我自己的几个小工具，第一版全是这么来的。

二，「好看」这种词没法传输，参照物可以。与其想形容词，不如问自己一句：我见过谁做成了这个样子？找到它，截下来，丢给 AI。

没电脑也能走这套

这套打法不挑设备。手机上刷到喜欢的页面，截屏，打开 Claude 或 ChatGPT 的对话框，图一贴，打一句「照这个布局做一个网页，内容我回头再填」。手机端贴图比打字描述还划算——你本来就在手机上，打 50 字需求费劲，贴图加一句话 10 秒搞定。

改到第几步该收手

提醒一句，别陷进无限微调。我的收手标准：布局对位、内容换成我的、能在手机上正常看，三样齐了就停。剩下的小毛病（间距差两个像素、某个颜色深一点）留着，下次真用到了顺手改。AI 改一轮 90 秒，你挑毛病一轮 20 分钟， perfectionism 在这个环节是亏本买卖，工具是拿来用的，不是拿来供的。

你做东西是从零憋还是先抄一个？评论区聊聊你第一版是怎么出来的。