分享下我 vibe coding 的第一个产品, opencode 移动端: FlyCode - V2EX
爱意满满的作品展示区。
wjh876531738

分享下我 vibe coding 的第一个产品, opencode 移动端: FlyCode

  •  
  •   wjh876531738
    jeffy5 Apr 9 1462 views
    This topic created in 49 days ago, the information mentioned may be changed or developed.

    Why I Built This

    年初时候火了起来的 opencode ,我体验尝试了下,感觉像发现了新大陆一般。不是因为他的 Agent 能力多强,而是因为除了 cli 外,他还能支持 web 和 server ,这不就意味着手机 coding 的可能性吗?

    有人可能会说不是有 claude code 的移动端 happy 吗?是也是,但说实话使用起来还是有点说不出来的不顺手,甚至在我的三星手机被误报成病毒程序。更重要的是,他只能在 claude code 上跑,没办法灵活的切换模型。

    opencode 的 web 端我也用了段时间,功能虽然是全的,但有以下问题:

    1. opencode server 我开了 basic auth ,每过段时间又得重新输入账号密码,而且不知道是不是 bug 问题,经常需要输入两次才行
    2. 因为是内网访问,暴露的 http 服务,导致在浏览器中没法复制代码,选中来复制的话各种选不上或者选中其他消息外的内容

    也是感慨 AI 发展的速度,刚好想着做个客户端练练手,体验下 vibe coding 落地一个可用的产品,所以便做了这个产品。

    聊聊 Vibe Coding

    开发完也算是摸完整个从 0 到 1 的过程,虽然写代码可以交给 AI 了,但是产品细节和交互这些,还得是自己想清楚,才能让 AI 做得更好。

    • Logo 是和龙虾多轮折磨才出来的,用的 nano banana 生成的。
    • UI 的话用了 pencil mcp ,这产品刚推出来的时候感觉一坨(文字对齐都做不好),迭代一段时间成熟了很多。老板指哪改哪的感觉有了,而且还能确保整体样式的一致性。在没用 pencil mcp 之前,做出来的 UI 也是能看,但总感觉缺点一致性。

    聊聊 Coding Agent

    说到这里也再说说自己对各个 Coding Agent 的感觉吧,Claude Code/Codex/OpenCode 我都有用过。

    Claude Code

    最多人力赞这个,但是我属实怎么都爱不起来,无论是 cli 还是 vscode 插件。不知道是不是因为我用得不是官方订阅的原因,用 cc-switch 工具调用 openrouter 来用,无论是国产的模型,还是 gemini pro 模型,还是 claude 的模型,都经常会遇到聊天一半卡住的状态。

    Codex

    我觉得也只是类似 claude code 差不多的东西,简单用过下。最近因为拼车订阅了,用得也比较多了。

    OpenCode

    目前用得最多的,主要是可以灵活切换不同的模型,还有个很好用的 web 端,能看 diff 也能看文件代码,还支持 Terminal ,完整替代一个 IDE 的感觉。

    与之搭配的还有 oh-my-opencode ,看到很多人都在力荐,我最初也是无脑装上使用了。但是我感觉装上之后反而变得更重了,每次发消息的时候,都会给消息附加了一堆内容,还经常在会话 loop 中卡住出不来。

    最难接受的是,他定义的 Agent 名字,我隔了一周再去 github 看,名字都换了一批。各种各样的 agent ,虽然在 github 文档上写得很清晰各自是在什么场景用的,但是实际使用的时候,有些甚至从名字都难想起他是干嘛的。

    最后觉得过于臃肿卸载了,回归到最简单的 plan/build 舒服多了,这也是目前绝大多部分 Coding Agent 采用的模式。

    总结

    体验下来,各个 Agent 工具( Claude Code / Codex / Opencode )其实大差不差,核心差距还是在模型本身的能力

    而且我还发现不同模型真的有各自的风格

    • claude 偏爱用 sub-agent 拆分子任务
    • gpt 偏爱写测试

    在 Agent Coding 能力上来之后,我感觉慢慢的工程师也会变成多线程的工作方式,同时操作多个项目,在 AI Coding 的过程中来回切换去安排任务。

    市面上也已经有类似的产品了,vibe-kanbanCline Kanban,他们都是自己做了一套 Kanban 的功能,然后可以基于 task 来打开 Agent Coding 的对话来完成代码实现,实现完成后可以进行 PR 或 Merge 。

    还是不得不感慨,AI 发展速度真的太快啦,当 Agent 能够独立处理 Plan 和 Build ,开发者正在从“码农”进化为“项目指挥官”。

    这是一个有趣的项目,也是我对 Vibe Coding 体验的一点思考,共勉!

    最后放上项目开源地址:FlyCode

    No Comments Yet
    About     Help     Advertise     Blog     API     FAQ     Solana     2576 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 15:54 PVG 23:54 LAX 08:54 JFK 11:54
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86