可视化 AI 流程。就在你的代码库中。 开源，在 VS Code 中运行。
与现有的 TypeScript 代码无缝集成。

VSCode 扩展 ✔️ · 运行时库 ✔️ · 与现有代码集成 ✔️
丰富的标准库 ✔️ · 可视化调试器 ✔️ · TypeScript 支持 ✔️

快速入门

演示平台

访问 https://www.flyde.dev/playground，在浏览器中体验 Flyde。

CLI

npx create-flyde-app

手动安装

更多信息请参阅 https://flyde.dev/quick-start。

为什么选择 Flyde？

🔧 与代码库深度集成

直接在你的代码库中运行，可访问运行时代码和现有后端框架。与独立工具不同，Flyde 以库的形式集成到你现有的工具和 CI/CD 流水线中。

🤖 可视化后端 AI 工作流

以可视化方式快速原型设计、集成、评估并迭代高 AI 密度的后端逻辑。使用可视化界面构建后端 AI 代理、提示链和智能体工作流，同时保持对代码的完全控制。

🤝 降低协作门槛

作为 TypeScript 的可视化扩展，Flyde 桥接了开发者与非开发者之间的鸿沟。让整个团队都能参与到后端 AI 工作流的开发中。

简介

Flyde 是一套用于原型设计、集成、评估和迭代高 AI 密度后端逻辑的整体解决方案。它是一种在代码库中运行的 TypeScript 可视化扩展，为从事后端 AI 工作流的开发者和非开发者之间架起了沟通桥梁。

Flyde 允许你为后端服务创建可视化流程，例如 AI 代理、提示链、API 编排和智能体工作流——这些流程可以直接集成到你的现有代码库中。它包含一个 VSCode 扩展，并与现有的 TypeScript/JavaScript 代码无缝集成。

快速入门

npx create-flyde-app
更多信息请访问 https://flyde.dev/quick-start

Flyde 适合哪些人群？

• 产品团队与开发者： Flyde 消除了技术与非技术团队成员之间的隔阂。产品经理、设计师和后端开发者可以共同协作开发相同的可视化流程，使复杂的后端逻辑变得透明，并让每个人都能有意义地参与开发过程。

• 构建 AI 驱动后端的开发者： 如果你正在处理复杂的提示链、AI 代理或多步骤的后端 AI 工作流，Flyde 提供了一种更易于管理的方式，让你能够在代码库内构建、调试和维护这些系统。

• 寻求可视化清晰度的团队： 无论是在原型设计新的后端功能、管理复杂业务逻辑、进行 API 编排，还是仅仅希望找到一种更好的方式来记录和理解后端应用流程，Flyde 的可视化方法都能帮助你把握全局，同时保留代码的强大功能。

贡献

Flyde 是一个开源项目。我们致力于完全透明的开发流程，并非常感谢任何贡献。无论你是帮助我们修复 bug、提出新功能、改进文档，还是传播消息——我们都欢迎你加入 Flyde 社区。请参阅我们的 贡献指南 和 行为准则。

• Bug 报告：如果你在使用 Flyde 时看到错误信息或遇到问题，请创建一个 bug 报告。

• 功能请求：如果你有想法或发现缺少某些功能，请提交一个 功能请求。

• 文档请求：如果你在阅读 Flyde 文档时觉得缺少某些内容，请提交一个 文档请求。

不知道从哪里开始？加入我们的 discord，我们将帮助你入门！

了解更多

访问官方网站 https://flyde.dev，获取更多信息。

遥测

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

许可证

运行 Flyde 文件所需的一切都采用 MIT 许可证。其中包括：

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

UI 库和其他工具包中的节点则采用 GNU AGPLv3 许可证。

换句话说，你可以在自己的软件中无限制地使用 Flyde 流程。然而，如果你在自己的作品中使用 Flyde 的可视化编辑器，则必须将其也开源。有关 GNU AGPLv3 的更多信息请见此处。

Flyde 快速上手指南

Flyde 是一个开源的可视化 AI 工作流工具，可直接运行在 VS Code 中，并与现有的 TypeScript 代码库无缝集成。它允许开发者通过可视化界面构建、调试和迭代复杂的后端 AI 逻辑（如 Agent、提示词链等），同时保持对代码的完全控制。

环境准备

在开始之前，请确保您的开发环境满足以下要求：

• 操作系统: Windows, macOS 或 Linux
• Node.js: 建议安装 LTS 版本 (v18+)
• 编辑器: Visual Studio Code
• 包管理器: npm 或 yarn/pnpm

安装步骤

您可以通过以下两种方式快速开始使用 Flyde：

方式一：使用 CLI 创建新项目（推荐）

在终端中运行以下命令，按照提示初始化一个包含 Flyde 配置的新项目：

npx create-flyde-app

方式二：在现有项目中安装

如果您希望在现有的 TypeScript/JavaScript 项目中集成 Flyde，请先安装核心运行时库：

npm install @flyde/core @flyde/loader @flyde/nodes

随后，请在 VS Code 扩展市场搜索并安装 Flyde 官方扩展插件，以启用可视化编辑器功能。

基本使用

1. 在线体验 (Playground)

无需本地安装，您可以直接访问浏览器端的 Playground 快速体验 Flyde 的核心功能：

• 访问地址：https://www.flyde.dev/playground

2. 本地开发与运行

安装完成后，您可以在项目中创建 .flyde 文件来定义可视化工作流。

• 创建流程：在 VS Code 中新建一个文件，后缀名为 .flyde（例如 my-agent.flyde）。
• 可视化编辑：打开该文件，Flyde 扩展将自动启动可视化编辑器。您可以从左侧面板拖拽节点（如 LLM 调用、逻辑判断、代码执行等）到画布中，连接它们以构建工作流。
• 代码集成：Flyde 工作流本质上是 TypeScript 的可视化扩展。您可以在工作流中直接调用项目中现有的 TS 函数，或将工作流作为模块在其他 TS 文件中导入使用。
• 运行与调试：
  • 利用内置的 Visual Debugger 单步执行工作流，查看数据在节点间的流动情况。
  • 通过标准的 Node.js 运行方式执行包含 Flyde 逻辑的入口文件。

3. 更多资源

• 官方文档: https://flyde.dev/quick-start
• 社区交流: Discord