日本博士后如何用 AI 做网站?vibe Coding / LALM Online Talk

Debug / Look before worship

修网页
先用眼睛
再用技术

vibe coding 不是让 AI 一次做完,而是让你很快进入“看、骂、改、再看”的循环。

1
先打开页面不要只看代码。网页是给人看的,先在浏览器里看。
2
截图给 AI 看指出哪里挤、哪里土、哪里不像你。视觉问题就用视觉语言说。
3
手机宽度检查LALM 朋友大概率在手机里打开。360px 宽不崩,比桌面炫酷更重要。
4
链接检查按钮能不能点,二级页、三级页有没有 404,图片路径有没有错。
5
上线再检查本地没问题不代表线上没问题。Netlify 发布后再打开一次。
文字太挤减少每屏信息,改成卡片或分段。
图片太重压缩图片,别让朋友打开等半天。
手机横滚固定宽度最容易出事,用响应式宽度。
风格变土删装饰,保留结构。高级很多时候是克制。