一个月前，我做了一个面向 Vibe Coding 用户的技术术语网站 VibeHub。到目前为止，这个网站已经积累了大约 7 万名访客。
最近外滩黑客松公布了比赛结果，VibeHub 获得了三等奖，同时还拿到了一个小红书人气奖。
对黑客松祛魅，但我憋着一股气
我总共参加的黑客松并不算多。第一次参加的是观猹在杭州举办的黑客松，当时我和小伙伴做了一个叫 Wolfcha（猹杀） 的作品，是一个单人 AI 狼人杀文字游戏。
猹杀是我们在两三天时间内赶出来的，现场来体验的游客可以实打实坐下来玩上二三十分钟。虽然整体玩法不复杂，但在短时间内实现出来，让大家坐在那里沉浸玩上二三十分钟，其实并不容易，在现场所有作品里完成度算比较高的。
不过那次比赛我们没有拿奖，我觉得有些拿奖作品做得其实没有我们好。当时我心里憋着一股气，下定决心要把这个产品正式上线，证明它是真正有用户愿意去玩的。我们在比赛最后一天就已经把服务部署上线了，比完赛之后又专门买了一个正式域名。我还录制了 UI 设计和用 AI 完成代码的心得视频，点赞还挺高。直到今天，大家依然可以正常访问和体验。
上线之后，因为 AI 游戏消耗的 Token 比较多，我们花了几千元成本，中间也找过几个赞助，现在我依然会偶尔维护一下。不过这类 AI 游戏成本太高，愿意真金白银买账的用户不多，商业前景确实比较有限；但既然已经上线了，突然关停又觉得可惜，所以就一直放在那里，陆陆续续还会有用户去玩。
那次比赛之后，我对线下黑客松其实有点祛魅了。线下赛场本身的干扰因素很多，在现场待上两天非常累，比完赛周一还要回去上班。有些参赛队伍经验很丰富，提前准备好了海报、水牌甚至易拉宝，在现场不断向游客拉票和宣传。我非常理解产品需要足够的曝光，但既然是一场比赛，评选机制能让评委公平地看到并实际体验每个作品，我觉得很有必要。如果全靠现场拉票或制造噱头，哪怕产品本身做得并不扎实，只要现场擅长宣讲也可能拿到选票。
而且很多参赛团队在台上展示时，都会讲述非常宏大的商业叙事和创业蓝图。像我这种在好几家 AI 初创公司待过、上了几年班的人，看着这些想法其实觉得比较脱离实际，有点像大学时参加互联网+那种创业比赛，想到什么就做什么，哪个立意高就讲哪个。我自己不想为了宏大的商业故事去参加黑客松。如果真想做商业项目赚钱，直接去市场上做产品卖钱就好，没必要跑到黑客松上去做平时上班就在做的事情。我和参赛小伙伴的共识很明确：做一些平时不会去做、但确实有趣的 idea，把交互和审美打磨好，给体验的人留下一个好印象就完事了。
这次选择外滩黑客松，主要因为它是线上活动，不需要请假，参与成本低很多。虽然 VibeHub 表面上看也是一个没有宏大商业前景、相对小众垂直的产品，但它解决的是我和朋友交流、平时做咨询时的真实痛点。
很多朋友在使用 AI 进行 Vibe Coding 时，无法准确描述自己的需求，或者想让 AI 修改某个地方，自己却讲不明白。比如一些前端组件，输入框、多行文本输入框这类简单的大家可能知道；但遇到单选框、复选框、滑块、自动完成这些组件，如果平时没有接触过前端开发，就不知道该怎么向 AI 表述。还有一种情况是 AI 给出一些专业名词，比如回归测试、测试覆盖率、端到端测试、集成测试，大家完全不知道是什么意思。
我以前学习前端组件的名称和适用场景，主要是看 Arco Design 这类现成的组件库文档，里面会写什么情况下适合使用、什么情况下不适合使用。但这些文档是按照前端开发者的使用习惯来组织的。我就想到，可以为想要学习 Vibe Coding 的用户整理一套面向 AI 时代的术语图鉴。
两天赶出上线，然后找设计师「拷打」
整个网站从开发到上线，我实话说只花了两天时间。
第一天，我用 Kimi K3 制定了整站的设计规范，确定了偏克制、简洁、现代的 UI 风格。接着让 AI 检索互联网上现有的组件库，把不同组件库里通用的规范和术语整理下来。
然后我和 AI 一起构思术语详情页的展示结构。我认为要讲清楚一个术语，最核心的是提供直观的图解示例；而且在介绍某个术语时，尽量不要关联另一个专业术语，避免解释层层嵌套；同时我还会加上不了解这个词汇的用户可能会用到的自然问法，比如把 HTML 语法描述成「AI 写出来一堆大小于符号和英文单词，这是干什么的」。
把第一个术语确认好之后，我让 Agent 整理了一份新增术语的 SOP 规范文档。这是一份很长的文档，详细约束了后续添加术语时必须符合什么原则、详情页必须包含哪些信息以及图解标准。有了统一的规范，后续批量扩充术语时才能保持一致，不会每次加新术语都做得不一样。
在 AI 批量补充术语的同时，我去购买了域名，并用 Codex 设计了 Logo。完成技术版本后，当天就直接部署上线了。
网站部署上线后，我没有马上发视频宣传，而是想先找一些对 AI 和设计比较熟悉的用户做一次内测。
我联系了派大星老师，请他帮忙把网站分享到一个大约 500 人的 Vibe Coding 群里。群里大部分都是设计师，对交互细节非常敏锐。我特意说明这是我自己做的产品，让大家来「拷打」我一下。不出所料，分享到群里基本上没有得到什么正反馈，大家指出的都是 UI 哪里不符合直觉、哪些细节处理得不够好、页面内容密度太高这一类的问题。
虽然被群里的设计师们严格挑刺拷打，但我没有气馁，花了一天时间把大家提到的问题全部修改完毕。修改之后，整个网站的浏览体验确实舒服了很多。
社媒发布与「左脚踩右脚」的正向循环
比赛是 20 号开始投递作品，我 20 号准备好想法，21 号发到群里内测，修改完毕后发布到了社媒。当时我录制并发布了视频《Vibe Coding 的高级感来自于准确的术语》，同时也在 X 上发了内容。
发布第一天，网站就迎来了大约 2500 个访客。视频在各个平台发布后，收到了很多超乎预期的正面反馈。很多人留言提到，这个网站确实解决了他们的实际痛点，正是他们一直在找的工具。
从访问数据来看，除了周末略有回落，工作日的访客量持续增长，平均每天保持在 2000 左右，高峰期能达到 3500 左右。
随着访问量增加和大家的反馈，我在网站上开放了投稿入口，根据大家的投稿持续补充新的术语。
同时，我还上线了一个 VibeHub Skill。在进行 Vibe Coding 时，如果遇到不理解的术语，AI 会主动进行解释，并附上 VibeHub 对应页面的链接。
做这个产品的过程不仅是在做产品本身，它也给我的自媒体提供了选题和内容；自媒体又反过来宣传网站，相当于「左脚踩右脚」了。最让我意外的是，后来还有不少博主发现并自发宣传了这个网站，有些推荐内容获得了两三千个点赞，这也让网站的日均流量一直保持稳定。
拿了三等奖，为什么我还会继续打黑客松
最后再聊回这次黑客松的成绩。这次拿到了外滩黑客松三等奖和小红书人气奖。
在提交作品时，我心里的预期其实是二等奖以上。因为从我的评估来看，VibeHub 的 UI 呈现、实用价值和真实用户反馈都还不错，相比猹杀这样的纯娱乐项目更实用，而且确实服务了大量真实用户。最终拿到三等奖，我推测可能是因为产品太垂直了，立意上不如那些宏大叙事的项目。不过能拿到三等奖，已经是对产品的一个认可，起码没有让我对比赛真正灰心。
比赛原本定在 9 月 9 日举行线下颁奖，因为那天刚好和我个人的行程冲突，无法到场领奖，所以我把这段经历和思考完整写了下来。按照当时的计划，我可能会在 9 月 10 日至 13 日去外滩大会现场，如果大家也在，可以现场交流。
虽然这次的结果不及预期，但未来有机会我依然会参加黑客松。对我来说，参加黑客松是把一个想法真正做出来的契机；做出来的产品可以制作成内容，有机会产生收入，也有机会拿奖。即便我已经了解了黑客松是怎样的一种形态，依然会去参加。
如果大家有一些好的 idea 想一起打黑客松，欢迎私信我。我对产品设计、全站开发比较熟悉，也了解如何进行社媒宣传。期待有机会和大家一起拿个一等奖。