
我一直在想,在这个随便 vibe 一下就能写个符合自己需求工具的时代,要写个在线工具箱意义在哪 我想了半天觉得可能在于
- 功能必须全面点,至少开发工具、视频、音频、图片等处理得支持,并且 UI 要有一定自由度
- 用户必须能自定义出符合自己需求的工具
- 生成工具不能开 vscode 这些编辑器,也不能有编译必须浏览器编写好就能用
- 同时生成工具必须轻松,像 ClaudeCode, Codex 那样向 AI 许愿就行
所以就写了现在这个项目 ToolBake
Demo Site 可直接看到效果,支持自建,极其简单下载个 bin 运行就行
Demo 网站里所有工具的功能都是通过上面说的用户自定义机制实现的,包括开发工具,视频音频处理等(我还塞进去了一个俄罗斯方块游戏)
生成工具虽然是通过书写 handler 函数 和 定义 ui json 实现的,但编辑界面直接向 AI 许愿也能完成工具自定义
兄弟们给颗星吧😭这么久才 20 多颗星😭
开源 repo https://github.com/WonderfulSoap/ToolBake 相关说明文档 https://docs.toolbake.com/docs/
最近在疯狂写另一个项目,所以原本计划的多语言支持等暂时都没推进(主要是根本没人提 issue 啊😭)
什么是 ToolBake
ToolBake 是一个用于创建自定义工具的平台。它提供丰富的 UI 组件和强大的编辑器,帮助你创建自己的工具。 ToolBake 提供非常强大的能力,覆盖常见开发工具、视频处理、音频处理、图像处理、AI Agent 前端,甚至也可以作为简单的 UI 前端使用。 如果你想在阅读文档前快速了解,可以查看在线演示站点: https://toolbake.com 。
ToolBake 与其他工具箱有什么不同?
ToolBake 专注于自定义、本地优先执行,以及浏览器中的实用能力:
- 🎨 构建你真正需要的工具:在浏览器中定义自己的 UI 和逻辑,然后在桌面端和移动端运行。
- 🤖 AI 辅助创建工具:在聊天中描述你的需求,让内置 AI 生成 uiWidgets 和 handler 代码。
- 🚀 不只是普通网页工具:可以在浏览器中运行 ffmpeg 、ffprobe 、ImageMagick 等能力,并通过 npm 包进一步扩展。
- 🔒 隐私优先设计:工具执行完全在本地浏览器中完成,因此你的处理数据会留在自己的设备上。
- 📦 简单自托管:下载 ToolBake 二进制文件即可直接运行,配置成本很低。