[开源自荐] OpenCodeUI (opencode webui)
- 内容介绍
- 文章标签
- 相关推荐
vibe出来一个opencode的webui
有参考claude的风格设计
image2302×1489 218 KB
image2300×1497 201 KB
支持undo,redo,文件预览,终端的使用
GitHub - lehhair/OpenCodeUI: https://lehhair.github.io/OpenCodeUI/
https://lehhair.github.io/OpenCodeUI/
佬们可以试用看看,纯vibe产物,轻喷
可以在本地运行
opencode serve --cors "https://lehhair.github.io"
然后访问 OpenCode 使用
网友解答:--【壹】--:
感谢佬友捧场
--【贰】--:
个人感觉用起来更顺手吧,官方的webui我个人就是有点用不惯他的添加项目,我这个没用那个逻辑,用的目录,然后undo用的是按钮而不是/命令,预览和更改都比较直观
--【叁】--:
这个项目是方便自己在手机上vibe coding,opencode自带的webui个人用着不太习惯,于是产生了自己vibe一个的想法
Screenshot_2026-02-10-23-33-45-82_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 259 KB
--【肆】--:
很不错的,感谢开源
--【伍】--:
可以在本地运行
opencode serve --cors "https://lehhair.github.io"
然后访问 OpenCode 使用
也可以自己部署一下,快速体验可以这样
--【陆】--:
不错呀,意思是说在电脑上搭建之后,在手机上也可以实时的看进度了?这个太棒了
--【柒】--:
用户对话下面有个返回按钮就是了,只是按个人偏好做的,也许有更好的方案
Screenshot_2026-02-11-00-58-34-19_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 247 KB
Screenshot_2026-02-11-00-58-39-08_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 179 KB
--【捌】--:
嗯您这个我看到撤销地方了,我是说官方那个简陋,您这个看着还比较舒服,官方这是没用心做啊
--【玖】--:
佬可以搞自己的IDE了。
--【拾】--:
那我还真没计算过,反正两个多星期,四个反重力pro账号限额好几次了
--【拾壹】--:
有前景,我王多鱼投了
--【拾贰】--:
他那个ide添加项目确实难受,而且我没看到撤销到上一次对话并恢复文件的操作地方,这很难吗,这ide感觉做的这么简陋呢
--【拾叁】--:
感谢大佬!
--【拾肆】--:
前排支持佬~设计的很漂亮。方便说说和官方的webui比有什么新特点吗 想试试看
--【拾伍】--:
穿透到公网就行,别忘了设置密码
--【拾陆】--:
佬这项目大概vibe掉了多少token啊?
--【拾柒】--:
哦哦,我以为你说没找到我这个,官方的webui把这个功能还是做成/命令了并且我个人感觉非常不方便,我做这个的时候发现用我这个逻辑更合理,甚至能undo很前面的对话,不过我不确定几百条是否可以,因为这是后端的事了,不过七八条还是可以正确恢复的。甚至能一次恢复一条,不过在掉api这边其实就是undo不同的message罢了
Screenshot_2026-02-11-01-02-35-17_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 188 KB
--【拾捌】--:
严肃star
--【拾玖】--:
挖去上来就戳中了我一个点!
官方那个每次添加项目,输入路径有点卡卡的。而且TUI的逻辑就是目录,不知道为什么webui要改叫项目。
vibe出来一个opencode的webui
有参考claude的风格设计
image2302×1489 218 KB
image2300×1497 201 KB
支持undo,redo,文件预览,终端的使用
GitHub - lehhair/OpenCodeUI: https://lehhair.github.io/OpenCodeUI/
https://lehhair.github.io/OpenCodeUI/
佬们可以试用看看,纯vibe产物,轻喷
可以在本地运行
opencode serve --cors "https://lehhair.github.io"
然后访问 OpenCode 使用
网友解答:--【壹】--:
感谢佬友捧场
--【贰】--:
个人感觉用起来更顺手吧,官方的webui我个人就是有点用不惯他的添加项目,我这个没用那个逻辑,用的目录,然后undo用的是按钮而不是/命令,预览和更改都比较直观
--【叁】--:
这个项目是方便自己在手机上vibe coding,opencode自带的webui个人用着不太习惯,于是产生了自己vibe一个的想法
Screenshot_2026-02-10-23-33-45-82_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 259 KB
--【肆】--:
很不错的,感谢开源
--【伍】--:
可以在本地运行
opencode serve --cors "https://lehhair.github.io"
然后访问 OpenCode 使用
也可以自己部署一下,快速体验可以这样
--【陆】--:
不错呀,意思是说在电脑上搭建之后,在手机上也可以实时的看进度了?这个太棒了
--【柒】--:
用户对话下面有个返回按钮就是了,只是按个人偏好做的,也许有更好的方案
Screenshot_2026-02-11-00-58-34-19_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 247 KB
Screenshot_2026-02-11-00-58-39-08_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 179 KB
--【捌】--:
嗯您这个我看到撤销地方了,我是说官方那个简陋,您这个看着还比较舒服,官方这是没用心做啊
--【玖】--:
佬可以搞自己的IDE了。
--【拾】--:
那我还真没计算过,反正两个多星期,四个反重力pro账号限额好几次了
--【拾壹】--:
有前景,我王多鱼投了
--【拾贰】--:
他那个ide添加项目确实难受,而且我没看到撤销到上一次对话并恢复文件的操作地方,这很难吗,这ide感觉做的这么简陋呢
--【拾叁】--:
感谢大佬!
--【拾肆】--:
前排支持佬~设计的很漂亮。方便说说和官方的webui比有什么新特点吗 想试试看
--【拾伍】--:
穿透到公网就行,别忘了设置密码
--【拾陆】--:
佬这项目大概vibe掉了多少token啊?
--【拾柒】--:
哦哦,我以为你说没找到我这个,官方的webui把这个功能还是做成/命令了并且我个人感觉非常不方便,我做这个的时候发现用我这个逻辑更合理,甚至能undo很前面的对话,不过我不确定几百条是否可以,因为这是后端的事了,不过七八条还是可以正确恢复的。甚至能一次恢复一条,不过在掉api这边其实就是undo不同的message罢了
Screenshot_2026-02-11-01-02-35-17_40deb401b9ffe8e1df2f1cc5ba480b121264×2780 188 KB
--【拾捌】--:
严肃star
--【拾玖】--:
挖去上来就戳中了我一个点!
官方那个每次添加项目,输入路径有点卡卡的。而且TUI的逻辑就是目录,不知道为什么webui要改叫项目。

![[开源自荐] OpenCodeUI (opencode webui)](/imgrand/PDnf23qk.webp)