大家好,我是独立开发者。最近把日常一堆零散小脚本,做成了一个能“看得见成本”的轻量自动化面板——VibeCodeTask (实时版)。开箱即用,能即时/定时/智能调度任务,实时看 Token 与费用,还能看 7/15/30 天趋势。
如果你想在你睡觉的时候也想让 claude code 工作,那这个工具就非常适合你
我为什么做它(痛点背景)
看不见成本:脚本一跑就忘了,月底才发现超支。
调度麻烦:有的要立刻跑,有的想夜间跑,手动盯太费劲。
体验割裂:写任务、跑任务、看历史/报表在不同地方,认知负担大。
多语言场景:中英使用者都需要,反复切换很烦。
所以我做了一个“合在一个网页里”的小工具,把“写任务→执行→监控→复盘”变成一个闭环。
它解决了哪些场景
临时脚本自动化:把需求丢进页面,点一下就跑,支持定时/智能调度。
成本透明化:实时 Token/费用监控,历史趋势一眼明白。
轻量工作流:不建重型流水线,也能把重复活交给机器。
多语言协作:右上角一键切换 English/中文,系统记住你的选择。
功能亮点
实时监控:Token/费用看板 + 趋势图
执行模式:Immediate / Scheduled / Smart
历史数据:7/15/30 天可视化
多语言:i18n.js + i18n/en.json / i18n/zh.json
可扩展:新增任务类型改
claude_executor.py ,新接口加在
realtime_server.py ,UI 在 realtime_interface.html
3 分钟上手
安装
bash
git clone
https://github.com/yandong2023/vibecodetaskcd vibecodetask
pip install -r requirements.txt
运行
bash
python
realtime_server.py打开浏览器访问: http://localhost:8080
使用
顶部“Create Task”输入你的需求(例:用 HTML+JS 生成一个贪吃蛇)
选择执行方式:Immediate / Scheduled (设定时间)/ Smart
右侧看实时 Token/费用,下方看 7/15/30 天趋势
右上角切换 English/中文
常见问题(速记)
端口占用:VIBE_PORT=8081 python
realtime_server.py没有 Claude Code CLI:npm i -g @
anthropics/claude-code && claude --configure
数据库锁:并发高峰短暂锁表,稍等或重试
更多细节见仓库
README.md技术与结构
后端:
realtime_server.py ( API 、任务调度、数据存储)
前端:realtime_interface.html (单页 UI )
执行引擎:
claude_executor.py国际化:i18n.js + i18n/
API 示例:
任务:POST /api/add-task 、GET /api/tasks 、POST /api/execute-task 、POST /api/delete-task
监控:GET /api/token-status 、GET /api/history/{days}
取舍思路:
先打通闭环,后做深优化
结构尽量简单,降低维护成本
错误处理优先,CLI/网络抖动尽量自愈
国际化从第一天就做好
适合谁
独立开发者/Side Project 爱好者
需要轻量自动化 + 成本可视化的小团队
学生/开源贡献者,想把想法快速跑起来并复盘
开源地址
GitHub:
https://github.com/yandong2023/vibecodetask求反馈
还想加:Webhook 回调、预算守卫(阈值触发降频)、任务模板、市面多模型成本对比
你在用什么方式做轻量自动化与成本管控?哪些坑最常见?评论区交流下
如果你也被“看不见成本、脚本散落、调度麻烦”困扰,那就用网页把它们收拾一下。能省心的,都是好工具。