“代码不是目的，创造体验才是。”

01 | 开端：一场特别的 Workshop

2025年12月27日，在北京融科资讯中心，我参加了一场由@She Nicest和@织码女巫CodingWitch联合举办的女性 Vibe Coding Workshop。

这次活动对我来说，最特别的体验在于它打破了通常黑客松类活动“各自为战”的刻板印象。在短短几个小时内，我和几位素未谋面的伙伴，从零开始，把一个完整的侦探解谜小游戏——《海雾迷踪》，做到了上线部署。

02 | 分工：秩序与混乱的协奏

这就是我们要在几小时内构建的世界：

背景

维多利亚时期的港口小镇，迷雾重重。

任务

作为华生医生，在四天内寻找失踪的市长千金“香葱”，并在福尔摩斯的协助下对抗由于“深渊之眼”组织的阴谋。

为了实现这个世界，我们的分工异常明确又高度协作：

剧情策划

负责世界观构建、人物关系（华生、福尔摩斯、香葱）以及叙事节奏的把控。

谜题设计

设计了层层递进的三重关卡——从书房的时钟连线，到小镇的二进制解码，再到旅店的摩斯电码破译，逻辑严密，环环相扣。

视觉设计

定调复古像素风，营造出那种悬疑又迷人的侦探氛围。

而我主要负责的是产品结构梳理 + Vibe Coding 实现 + 最终部署上线。我的任务是把剧情、谜题、设计素材全部拼进一个能跑的产品容器里，并确保整个交互流程是闭环的。

03 | Vibe Coding：当代码开始“流动”

现场的状态非常神奇。不是每个人盯着屏幕不说话，而是：

“这个解谜逻辑有点绕，玩家可能会卡住。” “那我们加一个福尔摩斯的强提示功能？” “好，我这就加上。”

下一分钟，代码就已经在跑了。

Vibe Coding的魅力就在这里。方案随时在变，想法不断被抛出来，代码一边写，一边根据体验实时调整。我们不再是为了写代码而写代码，而是为了“体验”在写代码。

04 | 成果：看见《海雾迷踪》

从技术角度看，这几小时最有价值的不是“写了多少行代码”，而是我们验证了一个极其高效的协作模式：

产品结构边讨论边确定

不纠结细节，先跑通主干。

技术实现为体验服务

无论是拖拽连线的交互，还是摩斯电码的音效，都是为了增强沉浸感。

部署即设计

上线不是最后一步，而是设计的一部分，让它成为一个真正可访问的产品。

最终，我们真的做到了。

一个有完整剧情线、有三层解谜机制（时钟、二进制、摩斯电码）、有明确多结局系统、并且真的可以访问和游玩的项目——《海雾迷踪》，就这样诞生了。

05 | 写在最后

这次 Workshop 给我最大的感受是：

当一群人目标一致、分工清楚，又愿意不断对齐的时候，复杂的事情是可以被快速拆解并落地的。

把这次经历记录下来，既是项目复盘，也是一次很好的“技术记忆”。它让我重新确认了一件事：产品结构清晰 + 协作顺畅，比单纯堆砌功能更重要。

最后，再次感谢主办方@She Nicest、@织码女巫CodingWitch和场地支持@融科资讯中心，以及各位赞助商。希望未来能源源不断地涌现出更多这样有力量、有温度的女性开发者社群活动。

如果你对 Vibe Coding / 快速原型 / 产品+技术协作感兴趣，欢迎在评论区交流。

附上游戏截图，以做纪念：

#VibeCoding#独立游戏#技术成长#前端#产品设计#SheCode#SheNicest#女性开发者#女性黑客松