我为什么开始沉迷 Claude Web App？聊聊 Vibe Coding 的新体验

最近，我的开发工作流发生了一点微妙的变化。并不是因为我换了什么复杂的 IDE 或者学了什么高深的框架，而是因为我开始频繁使用 Claude 的 Web App，并且逐渐爱上了一种被戏称为“Vibe Coding”的开发模式。

Claude Web App 界面截图

Claude Web App 的清晰界面展示了其强大的上下文感知能力。

说实话，以前我对 Web 端的 AI 工具总是带着点偏见。总觉得它们不如本地的插件深度的集成，不如终端里跑的脚本那样硬核。但这一次体验下来，我发现自己错了，而且错得离谱。

“Vibe Coding”这个词听起来有点玄乎，其实就是一种极低门槛的直觉开发方式。你不需要像写教科书一样严谨地定义变量、规划架构，而是跟着感觉走，把你的碎片化想法直接扔给 AI。

比如，我想要一个能抓取网页图片并自动重命名的脚本。以前我可能需要先查文档、写 Request、处理异常、写正则……现在？直接在 Claude Web App 里说一句：“帮我写个脚本，把这上面链接里的图片都扒下来，按时间戳重命名。”

几秒钟，代码就出来了。直接复制，或者在浏览器里运行，搞定。

代码编辑视图

在 Claude Web App 中直接生成并预览代码，带来“所见即所得”的体验。

为什么偏偏是 Claude 的 Web App 让我有这种感觉？主要归结于几个交互细节：

上下文感知太强了：Web 端的 Claude 在处理长文本和复杂逻辑时，似乎比单纯的 API 调用更“懂”人话。它能很好地理解你上一句还在说设计方案，下一句突然跳到代码实现的需求。
视觉反馈带来的安全感：生成的代码可以直接在界面里看到高亮、格式化，甚至有时候它会主动帮你预览大概的逻辑流。这种“所见即所得”的感觉，在面对陌生代码库时尤为珍贵。
随写随跑的轻量感：不需要配置本地环境，不需要处理依赖冲突。打开浏览器就是一个完美的沙盒。对于这种碎片化的工具开发，效率极高。

我自己试着写了一些小工具，虽然过程很随性，但结果出奇的好。我不需要纠结代码是否“优雅”，也不需要担心命名规范，只要功能跑通了就行。

甚至有时候，我都不知道这代码具体是怎么一步步写出来的。我只负责提需求，AI 负责填坑。这种掌控感加上“偷懒”的快乐，确实很容易上瘾。

如果你也厌倦了繁琐的 boilerplate code（样板代码），或者只是想快速验证一个小想法，不妨试试这种模式：

源码我就不公开了，毕竟写得比较随意，主要是为了分享这种开发心态的转变。技术在变，我们写代码的方式也应该变变样子了。