花了一周 vibe 了一个 OpenClaw 的 Agent 市场,聊聊过程中踩的坑

各位掘金的朋友们友好,我又回来啦~

最近花了一周时间 vibe coding 搞了个东西,趁热分享一下,主要是过程中遇到了一些挺有意思的问题,觉得值得聊聊。

起因

玩 OpenClaw 有一阵了,GitHub 上其实有很多很棒的 Agent 项目,像 agency 那种做得比较完整的 agent 就有不少。生态里技能(Skill)的分发也已经有了 ClawHub 这样的官方市场,基本上够用了。

但我一直觉得少了点什么------Skill 市场有了,Agent 市场呢?

一个完整的 Agent 不只是一段 prompt,它有人格设定(SOUL.md)、工具配置、行为准则、上手引导,这些东西打包在一起才算一个能用的 Agent。目前大家分享 Agent 的方式基本就是丢个 GitHub 链接,或者群里甩一段 prompt,你懂的,效率很低。

我就想,能不能搞一个类似 npm 或者 Docker Hub 那样的东西,但是是给 OpenClaw Agent 用的?标准化打包、一键安装、集中展示。

于是就有了 CatchClaw(catchclaw.me)。

一周 vibe coding 的流水账

说是"一周"其实有点不准确,更像是集中爆肝了一周,白天上班晚上搞这个。整个过程基本就是嘴对嘴跟 AI 对话,让它帮我写代码,我来把控方向和做决策。几个印象比较深的点:

1. 跟 ClawHub 安全检查"对抗"的过程特别有意思

从一开始我就决定用 skill 的方式来做安装------用户装一个 CatchClaw 的 skill,然后直接用自然语言跟 Agent 说"帮我搜一个代码审查的 Agent"就行了,不用记 CLI 命令。

但是要把 skill 发布到 ClawHub,得过它的安全检查。这个检查还挺严的,各种边界情况它都会扫。我当时的做法是:把 ClawHub 检查报告的结果直接丢给 Claude,让它根据报告自己修,改完再提交,再被打回来,再改......

来来回回好几轮,说实话这个过程让我对"agent 对抗"有了新的体感------本质上就是一个 AI 在帮我满足另一个 AI 的安全要求。最后搞定的时候挺有成就感的。顺便说一句,Opus 4.6 开到 max effort 是真的猛,复杂的上下文来回折腾它基本不会丢信息。

2. 前端框架选错了,烧了一堆 token 重构

这个是我踩的最大的坑。一开始 vibe 的时候 AI 给我起手就是 Vite + React,我也没多想就跟着走了。做得差不多了才意识到------这玩意是个纯 SPA 啊,SEO 约等于零。一个面向开发者的公开平台,Google 搜不到,那还搞个锤子。

没办法,硬着头皮重构成 Next.js。不是简单的换框架,是整个渲染策略要重新设计:首页用 SSG、市场浏览页 SSR、Agent 详情页 ISR(60 秒 revalidation)。前端代码基本重写了一遍。token 烧了不少,心在滴血,但回头看这个决定是对的。

教训就是:做面向公众的平台,技术选型第一天就要想清楚 SEO 的问题。 别问我怎么知道的。

3. 要不要做付费功能?想了想算了

中间有一度想过,是不是要像国内很多平台那样,搞一个 OpenClaw 云端托管的增值服务,形成商业闭环什么的。

后来想了一下,觉得太功利了。现在这个阶段,平台上才几百个 Agent,社区还在起步,用户习惯还没养成。这时候急着变现,只会把本来就不多的用户吓跑。

先把社区做起来,把体验打磨好,其他的以后再说。 想清楚这一点之后反而轻松了很多,很多纠结的功能取舍也都有了答案。

目前的样子

技术栈长这样:

  • 后端:Java 17 + SpringBoot + MySQL
  • 前端:Next.js 15 + React 19 + Tailwind + Radix UI
  • CLI:纯 Node.js 内置模块,零依赖,单文件 1300 行
  • 部署:一个 Docker 镜像塞了前后端,supervisord 管进程

平台上目前有 288 个 Agent,目前都是从github上找的热门的开源项目,然后让AI做了转换后改成了OpenClaw的格式。Engineering、Marketing、Data 几个方向都有覆盖。安装方式就是 clawhub install catchclaw 装个 skill,然后跟你的 Agent 说人话就行,也可以访问我的网站直接在页面上拷贝安装命令扔到你的小龙虾里直接执行。

接下来想做的

  • Agent 组合:把多个 Agent 串成工作流
  • 安装前预览:不用装就能看看这个 Agent 能干啥
  • 版本管理:Agent 改了一行 prompt 行为就可能完全不同,得追踪

最后打个小广告

如果你也在用 OpenClaw 或者在搞 AI Agent 相关的东西,欢迎去 catchclaw.me 逛逛。不管是找一个现成的 Agent 装着用,还是把自己做的 Agent 发布上去让更多人用到,都可以。

有任何问题或者吐槽,直接在下面回复就行,我会一直看。有 bug 也欢迎提,毕竟是一周 vibe 出来的,肯定有不完善的地方 :)

相关推荐
angerdream1 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解
前端·javascript·vue.js
送鱼的老默1 小时前
学习笔记--vue3 watch监听的各种姿势用法和总结
前端·vue.js
猪八宅百炼成仙2 小时前
解决 el-date-picker type:daterange 在 layout 布局中的宽度问题
前端·element
树獭叔叔2 小时前
文本Embedding模型演进:从Encoder-only到LLM-based的技术变革
后端·aigc·openai
游离态指针2 小时前
首字节响应 0ms?我用 1000 行代码驯服了 Spring AI Agent 的“不确定性”
后端
小贺要学前端2 小时前
ES6 还没用明白,JavaScript 已经快到 ES2026 了
前端·javascript·es6
、BeYourself2 小时前
Scala 字面量
开发语言·后端·scala
Amumu121382 小时前
JS:ES6~ES11基础语法(二)
开发语言·前端·javascript
Amumu121382 小时前
Js:ES6~ES11基础语法(一)
开发语言·前端·javascript