构建日志,不美化。
这个网站由我与 Claude Code 协作完成。下面是未经美化的过程记录:真实使用的 prompt、AI 犯过的错和人如何纠正、每个阶段的用时。「会用 AI」不该是简历上的一句话,而应该是可以被检查的过程。
- 2026-07-04约 1.5 小时(展开重做约 1 小时 + 配色与信息密度约 30 分钟)体验聊天动效视觉设计踩坑
聊天第四版:真·文档流内温柔展开 + 浅色卡重设计
站主嫌 v3 的 fixed 覆盖卡动画生硬:要温柔、要在页面里就地展开、下面内容自动往下挪。重做为真·流内插入 + grid-rows 温柔撑开。二轮验收又砍三刀:黑卡配白底 hero 太丑→固定浅色 card 变体;矮卡折叠选项→加高缩字;免责两行→删(终章保留合规告知)。
- 2026-06-17约 2.5 小时体验聊天重构踩坑
聊天「就地往下展开」+ 回答渲染 Markdown:三版才丝滑
原来点「问 AI 分身」是锚点跳到底部终章、跳过中间六屏。改了三版才对:①居中弹窗——站主否(要就地,不是弹窗);②退出剧场+滚到顶就地展开——站主否(乱跳);③最终:在被点胶囊处 fixed 锚一张深色聊天卡、clip-path 自上而下丝滑长出、锁滚动不跳转。另外分身回答的 Markdown 一直当纯文本显示,接上 react-markdown。
- 2026-06-14约 2 小时隐私合规架构GDPRPIPL
从「零记录」到「轻量记录」:把访客统计做成不纰漏的合规设计
站主想知道哪些招聘方来过、问了什么。先用多 agent 工作流查清『IP 反查公司』对国内小公司基本无效、且对海外是 GDPR 雷区;据此把方案收敛成『自愿留资拿「谁」+ 粗粒度城市当弱信号』,再上一道多法域合规审查把关。审查抓出三处真雷:通知与隐私页口径相反的「同部署」漏洞、可逆推 IP 的弱默认盐、保留期没真删。全部修掉,附 LIA + PIPL 自评。
- 2026-06-14约 1.5 小时i18n架构RSC踩坑
英文版上线:一次「类型全过、构建才报错」的 RSC 序列化课
给主站做中英切换:单一 layout + /en 路由 + lang 包裹(不上 i18n 路由中间件),getContent(lang) 单一数据源、组件统一吃 content prop。最扎心的坑——UI 文案里塞了个函数,tsc 全过、next build 预渲染才炸出「函数不能跨 RSC→客户端边界」。AI 分身在 /en 用英文 system prompt 回答,四场景验证矩阵全绿。
- 2026-06-14约 10 分钟性能一致性决策
改回纯系统字体:一次「文档说一套、代码做一套」的自我纠正
多 agent 评审发现:站点口径写着「系统字体栈、不内嵌」,代码却用 next/font 自托管了 Geist,还阻塞预加载两个 woff2 卡 hero 大字 LCP。删掉 Geist、改回纯系统栈——一行级改动同时消除自相矛盾与一次字体往返。
- 2026-06-14约 1.5 小时(多 agent 调研约 10 分钟 + 实现与验证约 80 分钟)产品招聘方体验隐私合规多 agent 调研决策
招聘方友好功能:先调研招聘方真实行为,再决定做什么
站主想加方便 HR 的功能但自陈不了解,于是先跑一轮多 agent 调研招聘方真实行为/隐私红线/中国语境,再据此落地一批:首屏招聘速览条、AI 分身 HR 初筛 chip、一键复制候选人摘要、对话导出、.vcf+二维码、零追踪隐私页——全部贴合零数据库调性,并刻意避开追踪招聘方身份的红线。
- 2026-06-13约 2 小时(设计对谈约 30 分钟 + 实现与验证约 90 分钟)视觉设计信息架构React 19渐进增强决策
发布会改版:第五个产品是网站本身,以及一场和 React 19 水合的遭遇战
站主用单文件原型拍板苹果发布会式首页;聊天岛位置之争以「hero 输入框胶囊 + 终章真窗」收场;实现期撞上 React 19 水合冲掉内联脚本 DOM 变更的硬坑,顺带挖出旧 reveal 系统的同款潜伏 bug。
- 2026-06-12约 70 分钟视觉设计动效CSS决策
视觉改版:摆脱「AI 默认审美」,以及一次为 SEO 放弃新特性的取舍
站主点出要害:默认风格一眼就是「一句话让 AI 生成的」;改成苹果发布会风格,动效零依赖;中途发现 scroll-driven animations 对爬虫不可靠,果断弃用换 IntersectionObserver。
- 2026-06-12约 10 分钟决策口径修正
决策变更:源码暂不公开
重新权衡后决定暂不开源本站源码;按「网站不许说谎」的原则,把全站相关口径改为「设计公开、源码可应邀提供」。
- 2026-06-12约 30 分钟DeepSeek推理模型上线
接入真 AI:DeepSeek v4 是推理模型,差点把 token 预算吃光
演示模式换真大模型;发现 v4-flash 默认带思考链,30 个 token 全花在 reasoning 上正文为空——用 thinking 参数关闭,并把厂商专属字段做成通用 env 透传。
- 2026-06-11约 50 分钟页面验证SSG
页面、架构页与全站验证:让网站自己证明自己
五个页面 + 同源 prompt 展示页全部落地;lint/类型/构建全绿,浏览器实测聊天交互、移动端与控制台零报错。
- 2026-06-11约 50 分钟(其中排查 mock 挂起约 15 分钟)AI SDK v6降级设计验证踩坑
聊天全链路:四场景验证矩阵,和一个教科书级的 Node 坑
真 AI/演示模式同协议流式降级跑通;mock 服务器一个 req.on('close') 挂错位置,导致响应一个字节都发不出去。
- 2026-06-11约 25 分钟单一数据源Zod工程化
内容架构:一份数据,喂页面也喂 AI
content/ 同时驱动页面渲染和 system prompt;check:content 一条命令扫光所有占位符。
- 2026-06-11约 15 分钟脚手架Next.js 16AI SDK v6
脚手架:计划赶不上生态——AI SDK 直接装到了 v6
create-next-app 起项目;计划里防的是 v5 旧写法,结果装上来的是 v6——用「先读类型定义再写代码」化解。
- 2026-06-11约 20 分钟架构设计决策
计划:四个决策问题,和「不用 RAG」的反直觉选择
人拍四个关键决策,AI 出完整实施计划;最重要的架构决定是 v1 故意不用 RAG。
- 2026-06-11约 25 分钟(其中调研工作流自动运行约 12 分钟)调研多agentdeep-research
起点:一句模糊的需求,和一次 104 个 agent 的深度调研
从「我想做个介绍自己的网站」出发,用多 agent 调研工作流摸清中英文世界的做法,拿到 12 条交叉验证过的结论。