别把「感觉对了」当成工程：以AI Coding搭个人网站为例

周末一句「帮我做一个好看的个人站」Accept All本地一开——爽。这事本身没问题。有问题的是同一套手法周一绑上域名、开始收真实留言、还想写进简历。Karpathy 说的vibe coding原意就是故意不看代码、忘掉 diff。Fowler、Willison 也这么划线适合扔的、玩的、自己坑自己的。AI 写、你审、你测、你能跟人讲清这段在干嘛——那不叫 vibe那是正常用工具写软件有人叫 agentic engineering名字不重要。一句话分轨能扔→ 可以 vibe要养长期网址、真表单、以后还要改→ 得看着代码走「用了 AI」不等于 vibe。审过、测过、讲得清就不是。个人站上两种玩法差在哪周末 vibe要挂域名的那种你在验证什么版式喜不喜欢换台电脑还能 build、邮件真能到、三个月后还改得动看不看代码基本不看布局可以扫一眼表单和密钥必须看怎样算完本地好看build 过、主路径手点过、知道怎么回滚版式可以 vibe 两三套。选定以后别再「一整站 vibe 到底」——首页、博客、表单、部署一块一块来对外只说「本周上静态简历页」别吹「一周上带 CMS 的产品站」。瀑布、敏捷、XP 那些老词这里不必背。个人站更像先扔几个草稿试味道再短步往前拱质量靠「能 build、能讲清」不靠站会贴纸。搭着搭着坑一般长这样「先做个站」——模型很热心评论区、登录、分析脚本一起塞进来你本来只想放三行简介。本地npm run dev美滋滋一 build图片 404暗色模式碎一地。联系表单弹「已发送」Network 里其实是 500或者邮件进了垃圾箱。API Key、Analytics ID 写进前端包——你看不见爬虫看得见。三个月后想改导航目录像考古现场当初 Accept All 的自己也读不懂。所以真要养站人得守几件具体的事不是背七条教条你定边界内容用 Markdown别一上来上数据库。一次聊一件先信息架构再首页再表单——别一个会话从头干到尾。说清楚怎样算完比如npm run build过再手点三条主链。加博客时别「顺便重写设计系统」。表单、域名、密钥——再懒也自己看一眼 diff。把常用命令和「不许干什么」写进仓库的AGENTS.md别只活在聊天记录里。上线平台确认能一键回滚。Prompt 是商量build 挂了合不进主分支才是规矩。模型写烂了优先把 lint / build / 禁区写进仓库别玄学下一条咒语。怎么排期别跟自己玩假敏捷可以这么走一晚草稿可 vibe两三个版式只本地看不绑域名、不接真邮箱。选定后短步走首页 → 博客列表 → 联系表单加点防刷→ 域名和自动 build。改旧站先列出「现在能打开的页面」再让 AI 改——别拿「新建站三天搞定」要求迁 WordPress。假敏捷长这样不写任何约定下次会话忘了用的 Astro 还是 Next今天塞 Framer明天换一套 UI 库嫌 build 烦去掉检查「预览能开」就算上线。敏捷要的是可工作的软件不是「演示好看」。演示是 vibe 的强项养得住还得靠检查和收束。跟 AI 说话时稍微像个人别说「把认证做好」那种空话。个人站可以说清楚首页要有姓名、简介、三个链接只改首页相关文件做完跑npm run build过了再说。一次只合并「博客列表」别顺手开 CMS。布局 diff 可以快扫.env和表单逻辑自己读。手机宽能不能读完简介——你自己就是验收人。老派 XP 那套小步、先有检查再改、结对在这里就是你掌舵AI 打字关键路径你别躺平。真要上线大致走这么一遭不必背流程图。按个人站说人话想清楚访客十秒内知道你是谁能点到 GitHub / 简历 / 联系。先问再写「列几种静态站做法和取舍先别写代码。我要是嚷嚷上 CMS你先怼我。」写死几条用啥框架、有哪几页、禁止乱加依赖和数据库、验证命令是npm run build。最小检查build 必须过首页有姓名/blog能列出两篇样例。下手「只做首页别动部署配置。」挂了日志贴回去让它改别无限循环。你过目外链、图片路径、有没有密钥表单必看。先预览再解析域名确认坏了能退回上一版。收拾删掉没用的 UI 库在AGENTS.md补一句「加依赖先问」。绑了域名的站至少满足build 过手机上首页可读三主链能点密钥不进 git表单有基本校验你能讲清页从哪来、文章从哪读、表单打到哪知道怎么回滚周末自嗨的草稿标准可以只有一条自己开心扔了不心疼。别拿那条标准去考核公开站。给仓库一点记忆比给模型长篇大论管用聊天里的约定下个会话就没了。根目录丢个短的AGENTS.md就够个人站用# Commands - Dev: npm run dev - Build: npm run build - Lint: npm run lint # Structure - Pages: src/pages/ - Content: content/posts/*.md - Components: src/components/ # Never - Do not commit .env* or API keys - Do not add a database without asking - Do not upgrade Next/Astro major unless asked再加一条 CIPR 上跑npm run build挂了别合并。有表单再补提交校验。密钥扫描有更好。别一上来就搞「多 Agent 并行装修」——个人站有AGENTS.md、会自动 build、你知道密钥在哪就已经比大多数 vibe 站强。改文案用补全就行新板块你定方向 AI 写「只做博客列表」这种单任务可以放手一点。每月花十分钟清没用的依赖、核对部署说明还准不准、暗色模式 TODO 要么做要么删。AI 代码一样会烂尾。啥交给 AI啥你别甩手布局、组件草稿、仿现有文章页——交给它。域名 DNS、OAuth、Resend/Stripe 的 Key、最终点 Deploy——你来。它写的测试断言你看是不是在测真行为还是删检查「变绿」。「好像 SEO 好了」不算数Search Console 才算。Fowler 提醒过的几件事个人站天天见安全表单地址、Analytics、存储凭证最容易进包。以后改不动单文件两千行的万能 page半年后连模型都晕。表面成功绿勾 toast背后请求挂了。调试别听故事打开 Network看平台日志。专门开一轮找茬也行「空提交、超长字符、断网看你怎么破。」常见翻车对照着躲现象多半因为个人站样子好看但假没验收toast 成功邮件没有直接公网草稿当成品没 build 就绑域名半套残骸一句「做完整站」CMS 建一半扔那儿组件过、整站挂没集成看一眼生产图片全 404永远差一口气被预览骗了无域名 / 无 HTTPS / 无表单依赖风暴没禁区静态站塞了 Docker Compose检查没了嫌烦删掉 build「就绿了」自己成外人长期不读 diff不知 Markdown 在哪个文件夹公式很简单周末不审的习惯 × 周一要给面试官看 × 预览太好看 能跑的站最会丢人或泄密新建落地页快迁老站慢——别用同一种期待折磨自己。两条轨道别混着考核轨道 Avibe选风格、试框架、周末玩。不绑域名预览链接够了仓可以随时删。轨道 B要养长期网址、真留言、写进简历。有约定、有 build、审表单和密钥、结构你讲得清。A 有用能让你摸清模型边界。别用 A 的速度承诺 B 的结果也别给 A 套一堆仪式假装很工程。先把预览丢给朋友点点再解析域名。表单选带配额的服务设一下账单告警——按量计费 API 是 vibe 经典爆点。你想这周就动手看一眼现在有没有自动 build密钥会不会进 git目录自己是否看得懂写短AGENTS.md命令、内容目录、禁数据库、禁瞎升级。PR 上挂一个npm run build。跟自己约定改颜色文案可以飘动路由、表单、部署就收心。顺序首页 → 一篇样例博文 → 联系表单。每步说清楚 → 做 → build → 你能讲清再合。改旧站的先列出当前能开的 URL。周末问自己依赖是少了还是多了不打开旧聊天能不能改一行简介收尾vibe 是选味道的养站点靠看着代码 build 门禁。预览骗眼睛域名和表单骗不了后果。不必把自己活成手册说清要什么、一次做一块、仓库里留点规矩、关键路径自己过目、讲不清的别往公网推。谁分得清「能扔」和「要养」谁就在用 AI 写软件谁把 Accept All 直接送上域名谁只是在更快地堆一堆以后骂自己的东西。出处与延伸Karpathy 原帖、Fowler · Vibe Coding、Willison 的区分、GitLab AI 开发手册。