没有设计稿、没有前端经验、只有一个模糊的想法——「我要一个看起来很 hacker 的个人网站」。这是一次 Vibe Coding 的真实记录。
周五晚上刷到几个很酷的开发者个人网站，突然想做一个自己的。我心目中的风格是：暗色系 + monospace + 像素风，像一个终端界面但是在浏览器里。
最好的个人网站不是最漂亮的，而是最能代表你的。作为一个 Vibe Coder，我的网站应该有「代码」的气质。
整个过程分三步：先做 HTML 原型确认视觉，再用 Next.js 搭架子，最后逐页迁移。
最关键的是第一步——我用 Claude 直接生成了一个完整的 HTML 原型。来回调了十几轮，但比学 Figma 快多了。原型定下来之后，后面的开发反而很顺畅。
CLAUDE.md 是整个项目的核心。我把 Design Tokens、文件结构、命名规范全写在里面。每次开新对话，AI 都能读到这些约束，保持一致性。