第一个完整的 vibe web 项目,大概是 25 年 11、12 月份左右,用 Claude Sonnet 4.6 和 Gemini (具体哪个版本忘记了),大概一两周的时间,做出了一个简单的东西出来。
做这个的初衷很简单,每次 AI 模型发布的时候,总忍不住测试下 AI 的能力怎么样,又有哪些提升。感觉就像当年苹果发新机一样,充满着热情。
基本上每次就是给一些 prompt,然后让 AI 多轮修改一下,然后出结果,基本都是 HTML 格式的。那有个问题就是:
- 你的 html 文件是本地的,想给别人看的话要发文件过去,特别是微信里面,又不能直接渲染,体验不好。
- 文件在本地或者聊天记录里面,时间长了就找不到,或者找起来很麻烦。突然想着以前做了一个工具,但要找半天。
- 当时google 的 ai studio 有个功能,不止是 vibe 页面,已经是 agent 在 vibe 项目了,经常是前端一个项目,那发生别人看的时候需要一个压缩包。
比如一个场景,用 HTML 给小朋友写了一个数独的工具,在他想玩的时候随时打开可以玩。那就不适合文件,有个实时链接就很方便。
所以,当时基于这个痛点,写了 https://vibehost.store/ 这个网站。vibe 完把 html 文件一键上传上去,或者把纯前端的项目打包传上去,后台自动部署,生成一个实时的在线链接给大家用。
第一次做这种要账号登录,要存储,要考虑权限(比如每个人可以设置仅自己可见、公开等),要考虑安全性(比如你不能随意查看别人的),要考虑邮箱服务发送邮件等。
以前只知道有这个流程,停留在纸面,自己实践一圈才知道很麻烦。比如为了简单,申请免费企业邮箱,注册企业微信,各种资质提交,网站备案、google 账号授权登录的资质申请,为了简单做 Magic link 来实现登录。
改踩的坑都踩了一遍。做开发不是那么难,难在各种流程和资质上。现在回想起来都觉得麻烦。
网站上线,也没宣传,所以也没什么流量。权当自己玩,练手罢了。
不过时至今日,还是觉得这种模式挺方便。
以后想做的:
- 开发一个 MCP,在 agent 里面直接调用 MCP 服务就部署服务或者页面,省去人工上传。
- 现在还只是简单的前端页面,不涉及后端交互的,如果后端交互就很麻烦,也很重。看起来没什么需求了。
- 应该可以支持上传 app,而不只是 web 页面。这个不知道有没有需求,有时间了再说。