diff --git a/docs/workflow.md b/docs/workflow.md new file mode 100644 index 0000000000000000000000000000000000000000..7e2b568544ed13c363b656307adcfa98dedb56ce --- /dev/null +++ b/docs/workflow.md @@ -0,0 +1,80 @@ +# API 编排 + +## 基本介绍 + +API 编排是一种可视化工作流引擎，支持通过节点自由组合多种模型 API（如文本对话、图像生成、音频处理等），构建自动化任务流程。它能快速串联不同模型的输入输出，智能处理参数转换，降低多模型协作的复杂度。优势在于开箱即用的 AI 能力集成、低代码交互设计，以及灵活适配复杂业务场景，显著提升开发效率。 + + +![工作流](/img/workflow/example-vision.png) +![工作流](/img/workflow/example-text.png) + + +## 快速开始 + +如果您是首次使用 API 编排，建议按以下顺序阅读： + +1. **[快速上手](/docs/workflow/quick-start)** - 通过实际示例快速上手 +2. **[节点说明](/docs/workflow/node/start)** - 了解各种节点的功能和配置 +3. **[应用场景](/docs/workflow/scene/text)** - 探索不同模型的实际应用 + +## 关键概念 + +### 节点类型 +工作流由不同功能的节点组成，每个节点执行特定的操作： + +- **[开始节点](/docs/workflow/node/start)** - 工作流的入口，定义输入参数 +- **[模型节点](/docs/workflow/node/model)** - 调用AI模型处理数据 +- **[条件分支节点](/docs/workflow/node/condition)** - 根据条件选择执行路径 +- **[结束节点](/docs/workflow/node/end)** - 工作流的出口，定义输出结果 + +### 变量系统 +变量用于串联工作流内前后节点的输入与输出，实现流程中的复杂处理逻辑： + +- **系统变量**：由系统自动生成和管理的变量 +- **节点变量**：每个节点产生的输出变量 + +### 执行流程 +工作流按照节点连接的顺序执行： + +1. 从开始节点获取输入参数 +2. 按照连接顺序依次执行各个节点 +3. 通过条件分支实现不同的执行路径 +4. 在结束节点输出最终结果 + +## 支持的模型类型 + +工作流支持多种类型的AI模型，满足不同的业务需求： + +| 模型类型 | 主要功能 | 应用场景 | +|---------|---------|---------| +| [文本生成](/docs/workflow/scene/text) | 文本理解、生成、分类 | 内容创作、客服问答、翻译 | +| [视觉模型](/docs/workflow/scene/vision) | 图像理解、内容识别 | 图像分析、OCR、质检 | +| [图像生成](/docs/workflow/scene/image) | 根据描述生成图像 | 设计创作、内容制作 | +| [语音模型](/docs/workflow/scene/audio) | 语音识别、语音合成 | 语音助手、内容播报 | +| [风控识别](/docs/workflow/scene/security) | 内容安全审核 | 内容监控、合规检查 | + +## 计费模式 + +工作流的计费方式按照调用模型的使用情况来收费，根据模型节点的类型和数量进行计费。 + +### 计费规则 +- 每个模型节点的调用都会产生费用 +- 不同类型的模型节点费用不同 +- 总费用 = 所有模型节点调用费用之和 + +### 示例 +假设一个工作流包含： +- 1个文本生成模型节点（0.02元/次） +- 1个图像生成模型节点（0.05元/次） + +则该工作流每次调用的费用为：**0.02 + 0.05 = 0.07元** + +> 具体每个模型的费用请参考 [模型广场](https://ai.gitee.com/serverless-api) + +## 下一步 + +准备开始使用工作流了吗？ + +👉 [查看操作步骤](/docs/workflow/quick-start) 了解如何创建您的第一个工作流 + +👉 [浏览应用场景](/docs/workflow/scene/text) 寻找适合您业务的解决方案 diff --git a/docs/workflow/api.md b/docs/workflow/api.md new file mode 100644 index 0000000000000000000000000000000000000000..2b6faacdb073c4904dc9239195c05d9f6e0e5fb2 --- /dev/null +++ b/docs/workflow/api.md @@ -0,0 +1,15 @@ +# 访问 API + +## 介绍 +我们为编排应用提供了标准化 REST API 接口，您可以通过编程方式调用您的编排应用。 + +![api](/img/workflow/api-1.png) + + +## API 文档 +您可以到 [API 文档](https://ai.gitee.com/docs/openapi/v1#tag/工作流/POST/workflows/{workflowId}/run) 中查看 API 的详细调用说明。 + +## 访问令牌 +访问令牌是调用 API 的凭证，您需要在 工作台 - 设置 - 访问令牌，获取您的 API Key。 + +![api](/img/serverless-api/integrated/integrate3.png) diff --git a/docs/workflow/node/condition.md b/docs/workflow/node/condition.md new file mode 100644 index 0000000000000000000000000000000000000000..cbc4228f175ae19630a54b16cffe1f99c82b67de --- /dev/null +++ b/docs/workflow/node/condition.md @@ -0,0 +1,19 @@ +# 条件分支 + +## 定义 + +条件分支节点用于根据条件选择不同的执行路径： + + ![模型节点](/img/workflow/ifelse.png) + +条件分支节点支持的条件类型有以下几种： +- 包含 +- 不包含 +- 开始是 +- 结束是 +- 是 +- 不是 +- 为空 +- 不为空 + +条件判断支持多个条件组合。 \ No newline at end of file diff --git a/docs/workflow/node/end.md b/docs/workflow/node/end.md new file mode 100644 index 0000000000000000000000000000000000000000..9c425a7f806fff5ca1341422e11a60f7ff643bf0 --- /dev/null +++ b/docs/workflow/node/end.md @@ -0,0 +1,8 @@ +# 结束 + +## 定义 +每个工作流必须包含至少一个结束节点作为其执行的终点，该节点负责输出流程的最终结果。结束节点标志着流程的终止，其后不能再连接任何节点。 + +工作流应用中只有运行到结束节点才会输出执行结果。如果流程中存在分支（如条件判断），则可能需要定义多个结束节点（每个分支路径一个）。在结束节点上，需要定义其输出的变量，这些变量可以基于该节点之前任何上游节点的输出值进行设置。 + + ![模型节点](/img/workflow/end.png) diff --git a/docs/workflow/node/model.md b/docs/workflow/node/model.md new file mode 100644 index 0000000000000000000000000000000000000000..0c770e7c445a61576da0a76bff53875eef313018 --- /dev/null +++ b/docs/workflow/node/model.md @@ -0,0 +1,34 @@ +# 模型 + +## 定义 +模型节点提供调用模型的能力，可处理用户在 “开始” 节点中输入的信息以及其它模型节点输出的信息（自然语言、上传的文件或图片），给出有效的回应信息。 + +![模型节点](/img/workflow/model-1.png) + +## 节点功能 + +### 模型设置 +模型节点支持调用多种类型的模型，包括文本生成模型、视觉模型、图像生成、语音识别、语音合成、风控识别等模型。在模型下拉菜单，可点击选择模型。 + +![模型节点](/img/workflow/llm.png) +![模型节点](/img/workflow/stt.png) + +### 接口设置 +有的模型只有一个接口，例如文本生成模型，只有一个文本生成的接口；图像生成模型，可能有多种接口，如：垫图、局部重绘、风格迁移等。 + + ![模型节点](/img/workflow/model-2.png) + +### 参数设置 +根据模型要求，设置输入参数，例如stream、max_tokens、temperature等。在接口下拉菜单的右侧，可点击选择参数设置，如下图： + + ![模型节点](/img/workflow/model-3.png) + +### 变量设置 +在参数设置中，可以设置参数的变量，例如：input、image、file等，变量可以从开始节点获取，也可以从上游模型节点获取。 + + ![模型节点](/img/workflow/var.png) + +### 输出设置 +模型的输出参数，不同类型的模型的输出变量会不同，例如：文本生成模型的输出变量为：text， 图像生成模型的输出变量为： image。 + + ![模型节点](/img/workflow/output.png) \ No newline at end of file diff --git a/docs/workflow/node/start.md b/docs/workflow/node/start.md new file mode 100644 index 0000000000000000000000000000000000000000..5cc8a44adf4f744f879c06480678906e7f181a2b --- /dev/null +++ b/docs/workflow/node/start.md @@ -0,0 +1,48 @@ +# 开始 + +## 定义 +**「开始」** 节点是每个编排应用必备的预设节点，作为整个流程的入口点，负责接收和定义外部输入参数。 + +![开始节点](/img/workflow/start.png) + +## 节点功能 + +开始节点的主要作用： + +- **流程入口**：标识工作流的开始位置 +- **参数接收**：接收来自外部的输入数据 +- **数据类型定义**：规范输入数据的格式和类型 + +## 输入参数 + +接收来自外部的变量，支持多种输入参数类型，可根据业务需求灵活配置： + +- **文本**：用于输入字符串内容。 +- **数字**：仅允许用户输入数字。 +- **单文件**：允许应用使用者单独上传文件，支持文档、图片、音频、视频类型文件。支持通过本地上传文件。 + +![输入类型示例](/img/workflow/input-1.png) +![输入配置界面](/img/workflow/input-3.png) + +## 系统变量 + +系统变量指的是在 API 编排应用内预设的系统级参数，可以被应用内的其它节点全局读取。通常用于记录不同应用和用户的使用行为等。包括以下变量： + +- **sys.workflow_run_id**：API 编排应用的运行 ID，用于追踪应用的历次运行情况。 +- **sys.workflow_id**：API 编排应用的唯一标识符，用于区分不同工作流。 +- **sys.user_id**：用户 ID，每个用户在使用工作流应用时，系统会自动向用户分配唯一标识符，用以区分不同的用户。 + +## 配置方法 + +1. 选中开始节点 +2. 在右侧详情面板点击输入字段的 **「+」** 按钮 +3. 选择合适的参数类型 +4. 设置参数名称和描述 + +## 下一步 + +配置完开始节点后，您可以： + +- [添加模型节点](/docs/workflow/node/model) 处理输入数据 +- [设置条件分支](/docs/workflow/node/condition) 实现逻辑控制 +- [查看完整示例](/docs/workflow/quick-start) 了解整体流程 diff --git a/docs/workflow/quick-start.md b/docs/workflow/quick-start.md new file mode 100644 index 0000000000000000000000000000000000000000..31755e259a5ae6ccb733c4a54891f26c03e6b04b --- /dev/null +++ b/docs/workflow/quick-start.md @@ -0,0 +1,47 @@ +# 快速上手 + +以下是一个简单的示例，演示了如何创建一个 API 编排应用。 + +## 新建编排应用 + +进入[API 编排](https://ai.gitee.com/dashboard/workflows)页面，点击 **「新建编排应用」** 按钮，打开新建弹窗，输入 **应用名称** 和 **描述** ，创建一个 API 编排应用。 + +![新建编排](/img/workflow/step-1.png) +![新建编排](/img/workflow/step-2.png) + +## 添加开始节点 + +创建成功之后会进入当前编排页面，点击选中 **「开始」** 节点，右边会显示节点详情，点击输入字段右侧的 **「+」** 按钮，可以添加输入变量。可根据需求添加多个输入变量。例如，添加一个名为 **「input」** 的 **变量名称**。 + +![配置开始节点](/img/workflow/step-3.png) +![添加输入变量](/img/workflow/input-1.png) + +## 添加模型节点 + +点击开始节点右侧的 **「+」** 按钮，会出现 **「模型」** **「条件分支」** **「结束」** 三个选项，点击 **「模型」** 选项，会创建一个模型节点，右侧会显示模型节点的详情，在模型下拉菜单里，选择需要调用的模型。 + +点击「接口」右侧的按钮，会弹出 **「参数设置」** 弹窗，可以设置相应的模型参数。 +![选择模型](/img/workflow/model-1.png) +![参数设置](/img/workflow/model-3.png) + +## 设置变量 + +您可以将上游节点输出的变量绑定到模型节点的输入参数，应用在运行模型节点时将使用该变量作为输入参数。对于文本对话模型，您可以点击消息列表的编辑器右上角图标打开变量列表，从中选择变量插入到消息内。而对于其它模型，您也可以点击变量选择框来选择要绑定的变量。 + +![变量配置](/img/workflow/step-4.png) +![变量映射](/img/workflow/var.png) + +## 添加结束节点 + +添加一个 **结束** 节点，点击 **「保存」** 按钮，保存当前 API 编排应用。 + +![保存编排](/img/workflow/step-6.png) + +## 完成 + +恭喜！您已经成功创建了第一个 API 编排应用。 + +## 下一步 +- [了解如何运行](/docs/workflow/run) - 查看 API 编排应用运行结果 +- [了解更多节点类型](/docs/workflow/node/start) - 探索开始、模型、条件分支、结束节点的详细功能 +- [查看应用场景](/docs/workflow/scene/text) - 学习不同模型的实际应用案例 diff --git a/docs/workflow/run.md b/docs/workflow/run.md new file mode 100644 index 0000000000000000000000000000000000000000..e3f6d48c2190b944b969acce3f263940c48f1b2a --- /dev/null +++ b/docs/workflow/run.md @@ -0,0 +1,12 @@ +# 预览与运行 + +API 编排提供了运行功能，点击 **「运行」** 打开运行面板。 + + +![运行](/img/workflow/run.png) + + +输入开始节点配置的参数后，点击 **「运行」** 按钮，即可看到运行的结果。 + + +![运行](/img/workflow/example-text.png) \ No newline at end of file diff --git a/docs/workflow/scene/audio.md b/docs/workflow/scene/audio.md new file mode 100644 index 0000000000000000000000000000000000000000..ad67e05f8510002270af336250a8b95687738f95 --- /dev/null +++ b/docs/workflow/scene/audio.md @@ -0,0 +1,55 @@ +# 语音模型应用场景 + +语音模型包括自动语音识别（ASR）和语音合成（TTS）两大类型，为音频内容的理解和生成提供强大能力。 + +![工作流](/img/workflow/example-audio.png) + +## 自动语音识别模型 + +自动语音识别模型能够将语音转换为文字，支持多种语言和方言，广泛应用于各种需要语音理解的场景。 + +![模型节点](/img/workflow/stt.png) + +### 主要应用场景 + +#### 会议实时转录 +在远程协作情景中，实时转写跨语言线上会议内容，生成带时间戳的对话记录，支持关键词检索与重点标记。 + +**典型用例**： +- 远程会议自动记录 +- 多语言会议同步翻译 +- 会议纪要自动生成 + +#### 视频内容配字幕 +在媒体生产情景中，为短视频/长片纪录片自动生成多语言字幕，同步输出字幕文件（SRT/VTT）。 + +**典型用例**： +- 视频自动字幕生成 +- 多语言字幕制作 +- 媒体内容本地化 + +## 语音合成模型 + +语音合成模型能够将文字转换为自然流畅的语音，支持多种音色和情感表达。 + +![模型节点](/img/workflow/tts.png) + +### 主要应用场景 + +#### 多角色有声内容创作 +生成不同性别/年龄的旁白角色音，批量输出带情感变化的配音片段。 + +**典型用例**： +- 有声小说制作 +- 广告配音生成 +- 播客节目制作 +- 角色扮演音频 + + +#### 长文本语音播报 +将小说章节转换为自然流畅的朗读音频，自动插入呼吸停顿/强调重音。 + +**典型用例**： +- 长篇小说朗读 +- 新闻播报生成 +- 学习材料朗读 diff --git a/docs/workflow/scene/image.md b/docs/workflow/scene/image.md new file mode 100644 index 0000000000000000000000000000000000000000..99619625f4b5f747b39ff07d61dae3c0b1c3abd2 --- /dev/null +++ b/docs/workflow/scene/image.md @@ -0,0 +1,55 @@ +# 图像生成模型应用场景 + +图像生成模型能够根据文字描述或其他图像生成高质量的图像内容，支持多种创作和编辑场景，为视觉内容创作提供强大支持。 + +![工作流](/img/workflow/example-image.png) + +## 主要应用场景 + +### 产品视觉设计 +根据商品描述生成高质量产品海报、场景图或营销素材，支持背景替换/风格迁移，确保视觉风格符合品牌调性。 + +**典型用例**： +- 电商产品海报自动生成 +- 产品场景图批量制作 +- 营销素材个性化定制 +- 品牌视觉风格统一 +- 产品包装设计辅助 + +### 创意内容生成 +基于文字指令（如"赛博朋克风格的城市夜景"）批量生成原创插图、封面图或概念艺术，提升内容吸引力。 + +**典型用例**： +- 文章配图自动生成 +- 社交媒体内容创作 +- 书籍封面设计 +- 概念艺术创作 +- 广告创意素材制作 + +### 图像修复与增强 +对老照片等模糊、破损或低分辨率图像进行超分重建、划痕修复、色彩还原，提升历史资料可用性。 + +**典型用例**： +- 老照片修复翻新 +- 图像去噪处理 +- 色彩增强与校正 +- 历史文档图像修复 + +### 定制化风格迁移 +在游戏/影视美术情景中，将概念图自动转换为指定艺术风格（如水墨风、像素风、3D渲染），或统一多张素材的画风一致性。 + +**典型用例**： +- 游戏美术资源统一风格 +- 影视概念图风格化 +- 艺术作品风格转换 +- 品牌视觉一致性保证 +- 创意风格探索 + +### 个性化定制 +根据用户喜好和需求，生成个性化的头像、壁纸、装饰图案等专属内容。 + +**典型用例**： +- 个人头像定制生成 +- 手机壁纸个性化 +- 家居装饰图案设计 +- 个人品牌视觉创建 diff --git a/docs/workflow/scene/security.md b/docs/workflow/scene/security.md new file mode 100644 index 0000000000000000000000000000000000000000..3a0cf6a63fead6a485494d222c4e2016688949b3 --- /dev/null +++ b/docs/workflow/scene/security.md @@ -0,0 +1,27 @@ +# 风控识别模型应用场景 + +风控识别模型专门用于内容安全审核，能够自动识别和过滤不当内容，保障平台和业务的安全合规运营。 + +![工作流](/img/workflow/example-vision.png) + +## 主要应用场景 + +### 文本内容审核 +实时检测用户发布的文本/图片（如评论区、动态），拦截色情、暴力、辱骂信息等违规内容。 + +**检测类型**： +- 色情低俗内容识别 +- 暴力血腥内容检测 +- 恶意攻击言论过滤 +- 垃圾广告信息拦截 +- 敏感政治内容识别 + +### 文件上传风控 +扫描用户上传的文档/图片中的敏感内容，防止涉政标识、违禁图片等危险内容传播。 + +**典型用例**： +- 文档内容安全扫描 +- 图片违规内容检测 +- 色情违规图片识别 +- 涉政违规图片识别 + diff --git a/docs/workflow/scene/text.md b/docs/workflow/scene/text.md new file mode 100644 index 0000000000000000000000000000000000000000..468dfa5f845b426d7f35a22296f94a8b7ab9d4e7 --- /dev/null +++ b/docs/workflow/scene/text.md @@ -0,0 +1,60 @@ +# 文本生成模型应用场景 + +文本生成模型（LLM） 节点是能够利用大语言模型的对话/生成/分类/处理等能力，根据给定的提示词处理广泛的任务类型，并能够在工作流的不同环节使用。包含多种主流模型，如DeepSeek、Qwen系列等。 + +![模型节点](/img/workflow/run.png) +![模型节点](/img/workflow/example-text.png) + + +## 主要应用场景 + +### 意图识别 +在客服对话情景中，对用户问题进行意图识别和分类，导向下游不同的流程。 + +**典型用例**： +- 客服机器人自动分类用户问题（技术支持、退款申请、产品咨询） +- 智能路由用户请求到相应的专业客服团队 +- 实时分析用户情绪，调整对话策略 + +### 文本生成 +在文章生成情景中，作为内容生成的节点，根据主题、关键词生成符合的文本内容。 + +**典型用例**： +- 营销文案自动生成 +- 产品说明书批量创建 +- 个性化邮件内容生成 +- 社交媒体内容创作 + +### 内容分类 +在邮件批处理情景中，对邮件的类型进行自动化分类，如咨询/投诉/垃圾邮件。 + +**典型用例**： +- 自动邮件分拣系统 +- 内容审核分类 +- 文档自动归档 +- 用户反馈分类分析 + +### 文本转换 +在文本翻译情景中，将用户提供的文本内容翻译成指定语言。 + +**典型用例**： +- 多语言内容本地化 +- 实时聊天翻译 +- 文档翻译批处理 +- 跨语言信息检索 + +### 代码生成 +在辅助编程情景中，根据用户的要求生成指定的业务代码，编写测试用例。 + +**典型用例**： +- 自动化测试用例生成 +- API文档生成 +- 代码重构建议 +- 编程教学辅助 + +## 配置要点 + +- **模型选择**：根据任务复杂度选择合适的模型规模 +- **提示词优化**：针对具体场景设计专业的提示词模板 +- **参数调整**：根据输出要求调整temperature、max_tokens等参数 +- **变量设置**：合理设置输入输出变量，便于上下游节点数据传递 \ No newline at end of file diff --git a/docs/workflow/scene/vision.md b/docs/workflow/scene/vision.md new file mode 100644 index 0000000000000000000000000000000000000000..e12f3f4495e5058c98338237fe8326748e3b4a14 --- /dev/null +++ b/docs/workflow/scene/vision.md @@ -0,0 +1,44 @@ +# 视觉模型应用场景 + +视觉模型能够理解和分析图像内容，提供智能的图像识别、理解和分析能力，广泛应用于各种需要视觉理解的场景。 + +![模型节点](/img/workflow/example-vision.png) + +## 主要应用场景 + +### 图像内容理解与问答 +在智能客服情景中，分析用户上传的产品故障图片、操作界面截图或实物照片，精准识别内容并回答相关问题。 + +**典型用例**： +- 产品故障图片自动诊断 +- 操作界面问题识别 +- 产品外观质量检测 +- 用户问题可视化分析 + +### 图文信息提取与处理 +在文档自动化处理中，解析扫描文档、票据、合同或带文字信息的图片，提取关键字段、识别表格数据或进行文字翻译。 + +**典型用例**： +- 发票信息自动提取 +- 合同关键条款识别 +- 表格数据结构化 +- 多语言文档翻译 +- 身份证信息识别 + +### 工业视觉检测 +在生产线自动化质检中，实时分析产品/零部件的高清图像，检测划痕、裂纹、装配错误、尺寸偏差、异物或印刷缺陷。 + +**典型用例**： +- 产品表面缺陷检测 +- 装配完整性验证 +- 尺寸规格自动测量 +- 印刷质量控制 +- 异物检测与分拣 + +### 教育/培训辅助 +在智能教育平台中，识别教材插图、实验图片、手写解题步骤或学生绘画作品，提供解释、批改、答疑或生成相关的学习问题。 + +**典型用例**： +- 手写作业自动批改 +- 实验结果图像分析 +- 教材内容理解辅助 diff --git a/sidebars.ts b/sidebars.ts index b9014c5e8cdf5a1c1c756df57a74adbab3b184d9..e077a5f29b6d29afda6b8d335222df5e8fde1191 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -284,6 +284,79 @@ const sidebars: SidebarsConfig = { }, ], }, + { + type: 'category', + collapsed: true, + label: 'API 编排', + link: { + type: 'doc', + id: 'workflow', + }, + items: [ + { + type: 'doc', + id: 'workflow/quick-start', + }, + { + type: 'category', + collapsed: false, + label: '节点说明', + items: [ + { + type: 'doc', + id: 'workflow/node/start', + }, + { + type: 'doc', + id: 'workflow/node/model', + }, + { + type: 'doc', + id: 'workflow/node/condition', + }, + { + type: 'doc', + id: 'workflow/node/end', + }, + ], + }, + { + type: 'category', + collapsed: true, + label: '应用场景', + items: [ + { + type: 'doc', + id: 'workflow/scene/text', + }, + { + type: 'doc', + id: 'workflow/scene/vision', + }, + { + type: 'doc', + id: 'workflow/scene/image', + }, + { + type: 'doc', + id: 'workflow/scene/audio', + }, + { + type: 'doc', + id: 'workflow/scene/security', + }, + ], + }, + { + type: 'doc', + id: 'workflow/run', + }, + { + type: 'doc', + id: 'workflow/api', + }, + ], + }, { type: 'category', collapsed: true, diff --git a/static/img/workflow/api-1.png b/static/img/workflow/api-1.png new file mode 100644 index 0000000000000000000000000000000000000000..376012a8d2e62af4e9a5a181307eee664b22d4a4 Binary files /dev/null and b/static/img/workflow/api-1.png differ diff --git a/static/img/workflow/end.png b/static/img/workflow/end.png new file mode 100644 index 0000000000000000000000000000000000000000..27d03b09824dac6d78a880825f4171a9681aa872 Binary files /dev/null and b/static/img/workflow/end.png differ diff --git a/static/img/workflow/example-audio.png b/static/img/workflow/example-audio.png new file mode 100644 index 0000000000000000000000000000000000000000..c883d17fa99bd2979c0e0068a06db4e723c7878d Binary files /dev/null and b/static/img/workflow/example-audio.png differ diff --git a/static/img/workflow/example-image.png b/static/img/workflow/example-image.png new file mode 100644 index 0000000000000000000000000000000000000000..3130735d954731a64a19d3b90673277b016b7fe2 Binary files /dev/null and b/static/img/workflow/example-image.png differ diff --git a/static/img/workflow/example-text.png b/static/img/workflow/example-text.png new file mode 100644 index 0000000000000000000000000000000000000000..ef88a655295f6fec93ac56caafae5a67d78aeb55 Binary files /dev/null and b/static/img/workflow/example-text.png differ diff --git a/static/img/workflow/example-vision.png b/static/img/workflow/example-vision.png new file mode 100644 index 0000000000000000000000000000000000000000..4a80de483323bc0aedadd6cb6776b566b349264f Binary files /dev/null and b/static/img/workflow/example-vision.png differ diff --git a/static/img/workflow/fengkong.png b/static/img/workflow/fengkong.png new file mode 100644 index 0000000000000000000000000000000000000000..e7e464699c906ee851667ec1692e67bc8d528d71 Binary files /dev/null and b/static/img/workflow/fengkong.png differ diff --git a/static/img/workflow/ifelse.png b/static/img/workflow/ifelse.png new file mode 100644 index 0000000000000000000000000000000000000000..fb2712e93b7151a3e16c66486a0de52563bab7db Binary files /dev/null and b/static/img/workflow/ifelse.png differ diff --git a/static/img/workflow/image-1.png b/static/img/workflow/image-1.png new file mode 100644 index 0000000000000000000000000000000000000000..84fdea2f6896ab0015ae3e8dab639fb3230f2303 Binary files /dev/null and b/static/img/workflow/image-1.png differ diff --git a/static/img/workflow/img.png b/static/img/workflow/img.png new file mode 100644 index 0000000000000000000000000000000000000000..c7ca5195e298c2846adc57d60675bb65a4513bba Binary files /dev/null and b/static/img/workflow/img.png differ diff --git a/static/img/workflow/input-1.png b/static/img/workflow/input-1.png new file mode 100644 index 0000000000000000000000000000000000000000..58f748fba7624392b42a75812e19b42a3628b03f Binary files /dev/null and b/static/img/workflow/input-1.png differ diff --git a/static/img/workflow/input-3.png b/static/img/workflow/input-3.png new file mode 100644 index 0000000000000000000000000000000000000000..00521bd7398f5f291e7c6479eb2435fe3254e870 Binary files /dev/null and b/static/img/workflow/input-3.png differ diff --git a/static/img/workflow/llm.png b/static/img/workflow/llm.png new file mode 100644 index 0000000000000000000000000000000000000000..10f68947a99e61ec32bb9ea434131b938dd2065a Binary files /dev/null and b/static/img/workflow/llm.png differ diff --git a/static/img/workflow/model-1.png b/static/img/workflow/model-1.png new file mode 100644 index 0000000000000000000000000000000000000000..0d2e0cd30324b35369533dfa005a305f1c508d76 Binary files /dev/null and b/static/img/workflow/model-1.png differ diff --git a/static/img/workflow/model-2.png b/static/img/workflow/model-2.png new file mode 100644 index 0000000000000000000000000000000000000000..26fa81687528bee9f560c2ce837e7129f7092a49 Binary files /dev/null and b/static/img/workflow/model-2.png differ diff --git a/static/img/workflow/model-3.png b/static/img/workflow/model-3.png new file mode 100644 index 0000000000000000000000000000000000000000..074ffa40b963b6678a6ced9a97c349e7c6af8e63 Binary files /dev/null and b/static/img/workflow/model-3.png differ diff --git a/static/img/workflow/output.png b/static/img/workflow/output.png new file mode 100644 index 0000000000000000000000000000000000000000..f01b648905490efaae7f81413e9fabcb0909446f Binary files /dev/null and b/static/img/workflow/output.png differ diff --git a/static/img/workflow/run.png b/static/img/workflow/run.png new file mode 100644 index 0000000000000000000000000000000000000000..b72e3ea25f75a85c1fb91b5d0db4ec1e79651c7d Binary files /dev/null and b/static/img/workflow/run.png differ diff --git a/static/img/workflow/start.png b/static/img/workflow/start.png new file mode 100644 index 0000000000000000000000000000000000000000..dd2ced274cc5e6861882651542073af5a9834307 Binary files /dev/null and b/static/img/workflow/start.png differ diff --git a/static/img/workflow/step-1.png b/static/img/workflow/step-1.png new file mode 100644 index 0000000000000000000000000000000000000000..b3ffe2e7f57198a3e7debe3048fa5f8be51a43bf Binary files /dev/null and b/static/img/workflow/step-1.png differ diff --git a/static/img/workflow/step-2.png b/static/img/workflow/step-2.png new file mode 100644 index 0000000000000000000000000000000000000000..40ec2e71ce6e8f238b0682c96ddcdd6200980bcf Binary files /dev/null and b/static/img/workflow/step-2.png differ diff --git a/static/img/workflow/step-3.png b/static/img/workflow/step-3.png new file mode 100644 index 0000000000000000000000000000000000000000..85c68c786e6dc675e5d2aa3517ea828c38314225 Binary files /dev/null and b/static/img/workflow/step-3.png differ diff --git a/static/img/workflow/step-4.png b/static/img/workflow/step-4.png new file mode 100644 index 0000000000000000000000000000000000000000..189d47be08e511689bf714606f821d2ef27032e1 Binary files /dev/null and b/static/img/workflow/step-4.png differ diff --git a/static/img/workflow/step-5.png b/static/img/workflow/step-5.png new file mode 100644 index 0000000000000000000000000000000000000000..a53c4f34825c2f9800a2021347393bd036a3c70e Binary files /dev/null and b/static/img/workflow/step-5.png differ diff --git a/static/img/workflow/step-6.png b/static/img/workflow/step-6.png new file mode 100644 index 0000000000000000000000000000000000000000..9468ba24c9bd57cbb3808add8ccd8034b59ef385 Binary files /dev/null and b/static/img/workflow/step-6.png differ diff --git a/static/img/workflow/stt.png b/static/img/workflow/stt.png new file mode 100644 index 0000000000000000000000000000000000000000..6d2c639725633fd321853d938d0ef21b88dea60e Binary files /dev/null and b/static/img/workflow/stt.png differ diff --git a/static/img/workflow/tts.png b/static/img/workflow/tts.png new file mode 100644 index 0000000000000000000000000000000000000000..7cd094a425e1f8f247d875a982737e238af82e11 Binary files /dev/null and b/static/img/workflow/tts.png differ diff --git a/static/img/workflow/var.png b/static/img/workflow/var.png new file mode 100644 index 0000000000000000000000000000000000000000..b8443c2778673c41902be1cd2556b16d6eec286d Binary files /dev/null and b/static/img/workflow/var.png differ diff --git a/static/img/workflow/vlm.png b/static/img/workflow/vlm.png new file mode 100644 index 0000000000000000000000000000000000000000..1654b4d4815892c5361cdb32f3296414eab16d75 Binary files /dev/null and b/static/img/workflow/vlm.png differ