一个可完全自定义的ai节点形式的工作流编辑器
(完全依靠AI Studio Build通过对话制作)
理论可以实现任意复杂交互应用
作者阐述:
本应用用时大概12天制作(实际用时大概三周多,因为前面两周多的时间都在踩坑了),大部分时间都是在等代码跑完(为什么Build每次替换代码都要重写一遍文件,谷歌能不能优化下你这破功能)
编码平台完全是浏览器,真正意义上的vibe coding了,属于是测试Build功能得到的产物
AI Studio Build在线体验: AI Node Editor
Github: GitHub - Lianues/AI-Node-Editor
简单介绍一下:
这款应用可以帮助你: 可视化地构建 AI 工作流程:像搭积木一样,在画布上拖拽、连接不同的节点,轻松创建复杂的 AI 流程。 管理和配置节点:每个节点都可以进行详细配置,满足你多样化的需求。无论是调用 Gemini 还是 OpenAI 模型,都不在话下! 自定义 AI 节点:除了内置节点,你还可以创建专属的 AI 节点和数据处理节点,实现特定功能。 项目和标签页管理:轻松管理你的项目文件,并在不同的标签页中组织多个工作流程,保持工作井井有条。 全局模型配置:集中管理和配置你的 AI 模型 API Key 等信息,方便快捷。 导入与导出:方便地导入和导出你的项目或单个工作流程页面。 模块化设计:利用子程序和节点组功能,将复杂流程模块化,提高复用性和可维护性。 数据查看与处理:内置数据查看器、组合器、拆分器和合并器,助你洞察和处理流程中的数据。
总之,这是一款强大的工具,让你用更直观、高效的方式设计、实验和管理你的 AI 应用!  开始你的创作之旅吧! 
这是目前应用执行引擎的逻辑
本项目支持本地部署,只需执行下面四步: - 安装Node.js,并下载解压项目文件
- 在文件夹内部右键打开终端,执行 npm install
- 再执行 npm run dev
- 然后打开终端提供的本地链接即可
项目设定了一个全局key,作为环境变量的key
在项目根目录的.env.local文件内,以文本形式打开,用谷歌gemini格式的key输入到 GEMINI_API_KEY= 后面即可
目前的一些缺陷:- 项目文件系统目前没有完全做好,摆了,后续慢慢做了
- 数据操作节点感觉用处不大,使用更多的可能是自定义数据处理节点来进行各种操作
- 用户交互性不够等,暂时只支持鼠标使用,使用触屏设备(手机,平板等)在操作上有诸多不支持,以后会支持
- 节点和其他功能可能还缺很多,如果有需要可以自己添加
- 想要保存做好的项目,在Ctrl+S保存完标签页后,通过导出项目和导入项目来实现保存和加载,并且导入项目,如果导入遇到bug了就重新加载应用再导入
具体的,诸君自行摸索吧!
|