English | 中文 | Español | Русский | Português | Deutsch | 日本語
FlowGram 是一个可组合、可视化、易于集成且可扩展的工作流开发框架与工具集。 我们的目标是帮助开发者以更快、更简单的方式搭建 AI 工作流平台。 FlowGram 内置开箱开箱即用的工作流开发能力:可视化流程画布、节点配置表单、变量作用域链,以及开箱即用的物料(LLM、条件、代码编辑器等)。这并非一个现成的工作流平台,而是帮助你构建平台的框架与工具。
了解更多 FlowGram.AI 🌐
https://github.com/user-attachments/assets/fee87890-ceec-4c07-b659-08afc4dedc26
在 CodeSandbox 🌐 或 StackBlitz 🌐 中打开
在该演示中,我们遍历一组城市,通过 HTTP 获取实时天气,用 Code 节点解析温度,借助 LLM 生成穿搭建议,经由 Condition 进行筛选,在循环中汇总结果,最后使用 Advisor LLM 选出最舒适的城市,并将结果发送至 End 节点。
创建一个新的 FlowGram 项目:
npx @flowgram.ai/create-app@latest
我们推荐选择
Free Layout Demo ⭐️模板。
启动项目:
cd demo-free-layout
npm install
npm start
在浏览器中打开 http://localhost:3000。
| 特性 | 说明 | 演示 |
|---|---|---|
| Free Layout Canvas | 自由布局画布,节点可任意摆放,可在节点间创建边进行链接。 | ![]() |
| Fixed Layout Canvas | 固定布局画布,节点可拖拽至指定位置,支持复合节点(如分支与循环)。 | ![]() |
| Form | 表单引擎管理节点数据的增删改查操作,并提供渲染、验证、副作用、联动和错误捕获等功能,简化节点配置的开发。 | |
| Variable | 变量引擎支持作用域约束、变量结构检查和类型推断等功能,便于管理工作流中的数据流。 |
你可以在官网查阅完整文档:FlowGram 文档。
文档分为以下章节:
