返回目录
开源项目自动化与 Agent 类新手

Flyde:可在代码库中运行的 TypeScript 可视化后端 AI 工作流编程工具

Flyde 是一个开源的可视化编程方案,以库的形式集成进现有代码库,通过 VS Code 扩展与运行时库,让开发者与非技术成员共同搭建后端 AI 工作流,例如 AI Agent、提示词链、API 编排等;运行时核心(@flyde/core、@flyde/loader、@flyde/nodes)采用 MIT 许可证,UI 库及其他节点采用 GNU AGPLv3。

0 次阅读2026/09/14 发布
Flyde:可在代码库中运行的 TypeScript 可视化后端 AI 工作流编程工具 来源图片

社区作者 · zZz

它解决什么问题

项目概览

Flyde 的官方定位是「Visual AI Flows. In Your Codebase.」——开源、直接运行在 VS Code 中,并与现有的 TypeScript 代码集成。它是一个 TypeScript 的可视化扩展,运行在代码库内部,用于填补开发者与非开发者之间协作后端 AI 工作流的缺口。

核心功能

  • **代码库内集成**:直接运行在你的代码库中,可访问运行时代码和已有的后端框架。与独立工具不同,Flyde 以库的形式集成进现有工具链与 CI/CD 流水线。
  • **可视化后端 AI 工作流**:可视化地原型设计、集成、评估和迭代 AI 密集型后端逻辑,可搭建后端 AI Agent、提示词链(prompt chains)与 Agentic 工作流,同时保留完整的代码控制权。
  • **更低的协作门槛**:作为 TypeScript 的可视化延伸,让产品经理、设计师与后端开发者可以在同一份可视化流程上协作,使复杂的后端逻辑更透明。
  • **配套能力**:提供 VSCode 扩展、运行时库、丰富的标准库(Rich Standard Library)、可视化调试器(Visual Debugger)以及 TypeScript 支持。

适用对象

  • **产品团队与开发者**:产品经理、设计师和后端开发者可协作同一份可视化流程,让复杂后端逻辑变得透明,便于各类角色参与开发过程。
  • **构建 AI 后端能力的开发者**:当需要处理复杂提示词链、AI Agent 或多步后端 AI 工作流时,Flyde 提供了更易管理的方式来构建、调试和维护这些系统,并保持一切都在代码库中。
  • **追求可视化清晰度的团队**:用于原型验证新后端功能、管理复杂业务逻辑、API 编排,或仅仅是想更好地记录和理解后端应用流程。

许可证说明

运行一个 Flyde 文件所需的全部组件均为 MIT 许可,具体包括:

  • @flyde/core
  • @flyde/loader
  • @flyde/nodes

UI 库以及工具包中的其他节点采用 GNU AGPLv3 许可。官方表述的意思是:在你自己的软件中使用 Flyde 流程不受限制;但如果你在自己的作品中使用 Flyde 的可视化编辑器,则该作品也必须开源。

遥测与隐私

Flyde VS Code 扩展会收集匿名使用数据以帮助改进产品,包括扩展激活、流程创建和错误上报等事件,不收集个人信息或代码内容。可以在 VS Code 设置中通过 flyde.telemetry.enabled 关闭遥测,或设置环境变量 FLYDE_TELEMETRY_DISABLED=true

社区与贡献

Flyde 是一个开源项目,官方表示坚持完全透明的开发流程并欢迎任何贡献,包括修 Bug、提出新功能、改进文档或传播项目。贡献渠道包括:提交 Bug Report、提交 Feature Request、提交 Documentation Request;不确定从哪开始可以加入其 Discord 社区。更多信息见官网 https://flyde.dev。

待核验信息

来源未给出具体支持的模型清单、参数规模、权重文件大小、最低 Node.js/VS Code 版本要求,以及除 MIT 与 AGPLv3 之外的其他许可细节,这些内容均待核验。

— 本文由 AI 根据公开来源辅助整理,命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

来源提供了三条上手路径,按以下顺序选择其一即可:

  1. 浏览器 Playground(无需安装):访问 https://www.flyde.dev/playground 直接在浏览器中试用 Flyde。
  1. CLI 快速开始(推荐):

准备环境:需要具备可执行

可复制命令
npx 命令的环境

(Node.js 工具链);具体版本要求来源未说明,待核验。

  • 执行命令:
代码
npx create-flyde-app
  • 首次运行:按脚手架提示完成初始化后,在 VS Code 中使用 Flyde 扩展打开/创建可视化流程并运行(来源未给出更细的分步操作,待核验)。
  1. 手动安装:参见 https://flyde.dev/quick-start 获取更完整的手动安装与配置说明。

常见问题与提示:

  • 若不想被收集匿名使用数据,可在 VS Code 设置中关闭 flyde.telemetry.enabled,或设置环境变量 FLYDE_TELEMETRY_DISABLED=true
  • 涉及可视化编辑器的二次使用需注意 GNU AGPLv3 的开源义务;仅在软件中运行 Flyde 流程则不受限制。
  • 来源未提供 Windows/macOS/Linux 的差异化步骤、依赖版本冲突处理等细节,待核验。

来源教程配图

教程配图
配图 1 · 教程配图查看原图
教程配图
配图 2 · 教程配图查看原图
教程配图
配图 3 · 教程配图查看原图

适用场景

在现有 TypeScript 代码库中以可视化方式搭建后端 AI 工作流
构建与调试 AI Agent 及 Agentic 多步工作流
可视化编排提示词链(prompt chains)并迭代评估
后端服务与 API 编排逻辑的可视化建模
产品经理
设计师与开发者协作同一份后端流程
在 CI/CD 流水线中集成可视化流程库
用于原型验证新后端功能并作为流程文档