我的作品 用 Claude Code + MyVibe,两周量产了 20 个 H5 小工具,聊聊我的实验

LBan(半庄) · March 02, 2026 · Last by LBan replied at March 02, 2026 · 36 hits

最近在做一个实验:用 AI 辅助开发,快速量产轻量 H5 小工具,然后发布到 MyVibe 上观察哪些能火。

先说下背景。我们团队做了一个叫 MyVibe 的平台,核心功能就一句话:把你做的网页一键发布上线,秒级生效。 支持拖拽上传 HTML/ZIP,也支持从 Claude Code 里直接用 /myvibe-publish 命令发布。发布完就有一个独立链接,可以直接分享。

平台上线后,我想验证一个问题:什么类型的内容最容易传播?

于是设计了一个"量产试错"策略——规划 20 款轻量小工具,每款开发控制在 2-4 小时,全部用 Claude Code 辅助完成,发布后观察自然流量,筛选爆款再加大推广。


目前已上线的几个作品:

1. 你的中国色 🎨 8 道直觉题,测出你的专属中国传统色 + 穿搭配色方案。 用了中国传统色谱做数据源,前端渲染结果卡片,支持保存和分享。 👉 https://www.myvibe.so/xiaoliang/chinese-color-personality-test

2. 你的人生节气 🌿 输入生日,用二十四节气重新定义你的人生阶段。30 岁是夏至,45 岁是白露,每个节气都有专属色、古诗和人生寄语。 市面上人生进度条都是冷冰冰的百分比,我想做一个有文化温度的版本。 👉 https://www.myvibe.so/xiaoliang/life-solar-term-discover-your-season-of-life

3. 马年新春互动合集 🧧 春节期间做的合集页,包含 8 款小工具:生肖运势、亲戚称呼计算器、红包金额推荐、拜年祝福语生成等。单文件 HTML,零框架依赖。 👉 https://www.myvibe.so/zac/ma-nian-xin-chun-te-ji-2026

4. 声音花园 🎵 在花园里种花,每朵花演奏一个声音,组合成独特的曲子。一个音乐创作小玩具。 👉 https://www.myvibe.so/nategu/sound-garden

5. 引力画板 🪐 点击创造行星,观看引力编织出壮观的轨道画。物理模拟沙盒。 👉 https://www.myvibe.so/nategu/gravity-canvas


一些心得:

  • 工具类 > 信息类:性格测试、趣味计算器的浏览量远高于信息汇总页。用户更愿意为"跟自己有关"的内容停留和分享。
  • AI 辅助开发效率很高:一个完整的测试类 H5,从策划到上线,Claude Code 辅助下 2 小时能搞定。瓶颈不在编码,在内容策划和文案打磨。
  • 纯 H5 就够了:所有工具都是纯 HTML 实现,移动端优先,首屏秒开,不依赖任何框架和后端 API。
  • 结果卡是传播关键:每个工具都生成可截图分享的结果卡片,这是社交传播的核心载体。

关于 MyVibe

如果你也在做 H5 小工具、个人页面、作品集之类的东西,可以试试 MyVibe

  • 拖拽上传 HTML 文件或 ZIP 包,几秒钟就有一个线上链接
  • 支持多文件项目(HTML + JS + CSS + 图片 + 音频都行)
  • 有 /explore 页面,可以发现其他人发布的作品
  • 如果你用 Claude Code,有一个 /myvibe-publish skill 可以直接从命令行发布

不需要配置服务器、域名、部署流程,做完就能分享。

看到这里如果对 MyVibe 感兴趣欢迎试用,期待你的反馈,早期用户可以免费送会员!


这个量产实验还在继续,后续会陆续上线更多工具(大脑使用说明书、默契度测试、工资真相计算器……),也会分享数据和复盘。欢迎交流。

不能分享 mac app 之类的吗?也是 vibe 的

Reply to minivv

我们做的目标是托管 Vibe 的网页,原生 mac app 应该是上架到 Apple Store ?

You need to Sign in before reply, if you don't have an account, please Sign up first.