Weft图编辑器深度体验可视化AI Agent工作流调试每个节点的输出【免费下载链接】weftA programming language for AI orchestrations项目地址: https://gitcode.com/gh_mirrors/weft/weftWeft 是一款面向 AI 编排AI orchestration的编程语言而它的图编辑器正是整个项目对新手最友好的入口在 VS Code 中你的 AI Agent 工作流会被渲染成一块可视化画布每个节点的输入、输出、耗时和成本都可以直接点开放大检查。本文带你完整体验这套可视化工作流编辑器从添加节点、连线到只跑一个分支、复盘每次运行真正做到调试每个节点的输出。源码与画布双屏同步AI Agent 工作流一眼看懂Weft 程序本身是用一种极简语法描述节点如何协作的文本文件但图编辑器的妙处在于左侧源码、右侧画布改任何一边另一边立刻同步。两个面板背后是同一个文件画布上的操作会直接改写你的.weft源码不存在两份可能不一致的数据。一个节点就是一个方盒子左边一排小圆点是它的输入端口右边是输出端口每个圆点的颜色代表所传值的类型——同色圆点才能连上类型错误在画面上就能看出来。画布的操作手感也很克制滚动移动视角按住空白处拖动快速平移左下角的/-缩放旁边的 Fit View 一键把迷失的画布找回来。官方刻意让滚轮不缩放避免触控板的误操作把整个工作流甩出屏幕。秒加节点与智能连线可视化编排的正确姿势想给工作流加一步按CtrlPMac 上是 CmdP打开节点面板输入关键词即可检索——列表里有项目认识的全部步骤包括Group、Loop这类结构节点。面板右侧会同步显示所选节点的介绍、输入输出端口和说明比如LlmInference节点会告诉你它需要prompt、provider、params等输入。连线的规则简单且防错从一个盒子右缘的圆点拖到另一个盒子左缘的圆点即可连线会继承起点圆点的颜色。三种情况会被拒绝并明确提示——类型不匹配、两个节点分属不同分组、输入端口已被配置值占用。如果只想要某个复合值里的一个字段右键连线即可按字段收窄箭头不用手写任何路径表达式。只跑一个分支AI Agent 工作流调试省时关键调试 AI 工作流最烧钱的一步往往是为了验证一个小节点把整条流程跑一遍。Weft 的图编辑器提供了目标节点target机制右键某个盒子选择Set as target它会亮起呼吸光环底部的运行按钮变成Run 1 target只运行这个节点以及给它供数的前置节点其余部分全部跳过。命令行里同样支持weft run --target 节点名。更进一步运行按钮旁的下拉箭头可以从规格运行带着你提供的值从中途开始、排除某个终点、单独运行某个分组甚至复用上次运行中没变的部分seeded run避免为同样的步骤重复付费。运行状态实时上屏每一步在做什么光效即答案点击画布底部的RUN PROJECT或 CtrlEnter后整个 AI Agent 工作流会活过来每个节点用光效和标记实时报告状态——节点外观含义琥珀色光效正在运行青色光效在等待外部回答如人工审批绿色光效已完成红色光效失败灰色 ⊘ 标记被跳过紫色光效复用了上次运行的结果运行中的按钮会变成STOP EXECUTION随时可以叫停。等待型节点例如等人审批会保存现场并释放 worker人回答后运行时再恢复——这也是 Weft持久执行理念在编辑器里的直观体现。打开检视器真正调试每个节点的输出这是本文标题的落脚点。点击节点标题栏上的放大镜图标Inspect execution会弹出该节点的检视面板左右两栏分别展示INPUT这次运行实际流入该节点的每个值——图片附件、系统提示词、温度参数、JSON 开关一清二楚OUTPUT节点吐出的每个输出带类型、长度和内容预览例如一段分类结果category: billing、完整的回复文本。面板底部还记录耗时和成本如completed 5s $0.0025。失败的节点在这里直接显示错误原因被跳过的节点会用人话说明为什么比如它的_should_flow说了不你可以顺着箭头往回找到做出决定的上游节点。这些记录来自 Weft 的 journal每次运行逐事件写入、只追加不篡改所以你可以切回昨天的某次运行画布会以和实时运行时完全一样的样子把它放出来——同样的光效、同样的检视器、同样的时间戳。在侧边栏的Executions列表里每个历史运行都有 View in Graph 按钮一键回放。用分组折叠大型工作流给 Agent 流水线划边界当节点多起来图编辑器支持把一组盒子拖进一个Group形成一个有自己输入输出端口的子工作流可以随时折叠/展开外部连线保持不变。分组在语义上还有约束作用跨组传值必须走分组自己的端口编译器会帮你把关边界。另外两个实用开关右上角的Simplified view把所有盒子简化成纯色方块适合给非技术同事讲解整体流程拖拽盒子不会改变程序位置存放在 layouts/ 里只有改变分组归属才算修改程序本身。适合谁AI Agent 工作流可视化调试清单这套图编辑器的完整操作说明在官方文档 Working in the graph 中配套的前端实现位于 packages/weft-graph/运行记录机制的源码在 crates/weft-journal/。结合 你的第一个程序新手可以按这张清单上手✅看懂工作流源码与画布双屏同步非开发者也能跟进每个节点的职责✅快速搭流程CtrlP 搜索加节点拖圆点连线类型不兼容当场报错✅省钱调试Set as target 只跑一个分支seeded run 复用未变化的结果✅复盘问题检视器逐值查看输入输出、耗时与成本历史运行可完整回放✅管理复杂度分组折叠子工作流简化视图给别人讲流程对正在用 LLM 搭建客服机器人、内容流水线等 AI Agent 应用的人来说Weft 图编辑器把黑盒式跑 Agent变成了白盒式调工作流——每个节点看到什么、产出什么、花了多少钱都摊在画布上点一下就能看到。【免费下载链接】weftA programming language for AI orchestrations项目地址: https://gitcode.com/gh_mirrors/weft/weft创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/8 20:55:42 · 阅读 1.2k Weft图编辑器深度体验：可视化AI Agent工作流，调试每个节点的输出
Weft图编辑器深度体验可视化AI Agent工作流调试每个节点的输出【免费下载链接】weftA programming language for AI orchestrations项目地址: https://gitcode.com/gh_mirrors/weft/weftWeft 是一款面向 AI 编排AI orchestration的编程语言而它的图编辑器正是整个项目对新手最友好的入口在 VS Code 中你的 AI Agent 工作流会被渲染成一块可视化画布每个节点的输入、输出、耗时和成本都可以直接点开放大检查。本文带你完整体验这套可视化工作流编辑器从添加节点、连线到只跑一个分支、复盘每次运行真正做到调试每个节点的输出。源码与画布双屏同步AI Agent 工作流一眼看懂Weft 程序本身是用一种极简语法描述节点如何协作的文本文件但图编辑器的妙处在于左侧源码、右侧画布改任何一边另一边立刻同步。两个面板背后是同一个文件画布上的操作会直接改写你的.weft源码不存在两份可能不一致的数据。一个节点就是一个方盒子左边一排小圆点是它的输入端口右边是输出端口每个圆点的颜色代表所传值的类型——同色圆点才能连上类型错误在画面上就能看出来。画布的操作手感也很克制滚动移动视角按住空白处拖动快速平移左下角的/-缩放旁边的 Fit View 一键把迷失的画布找回来。官方刻意让滚轮不缩放避免触控板的误操作把整个工作流甩出屏幕。秒加节点与智能连线可视化编排的正确姿势想给工作流加一步按CtrlPMac 上是 CmdP打开节点面板输入关键词即可检索——列表里有项目认识的全部步骤包括Group、Loop这类结构节点。面板右侧会同步显示所选节点的介绍、输入输出端口和说明比如LlmInference节点会告诉你它需要prompt、provider、params等输入。连线的规则简单且防错从一个盒子右缘的圆点拖到另一个盒子左缘的圆点即可连线会继承起点圆点的颜色。三种情况会被拒绝并明确提示——类型不匹配、两个节点分属不同分组、输入端口已被配置值占用。如果只想要某个复合值里的一个字段右键连线即可按字段收窄箭头不用手写任何路径表达式。只跑一个分支AI Agent 工作流调试省时关键调试 AI 工作流最烧钱的一步往往是为了验证一个小节点把整条流程跑一遍。Weft 的图编辑器提供了目标节点target机制右键某个盒子选择Set as target它会亮起呼吸光环底部的运行按钮变成Run 1 target只运行这个节点以及给它供数的前置节点其余部分全部跳过。命令行里同样支持weft run --target 节点名。更进一步运行按钮旁的下拉箭头可以从规格运行带着你提供的值从中途开始、排除某个终点、单独运行某个分组甚至复用上次运行中没变的部分seeded run避免为同样的步骤重复付费。运行状态实时上屏每一步在做什么光效即答案点击画布底部的RUN PROJECT或 CtrlEnter后整个 AI Agent 工作流会活过来每个节点用光效和标记实时报告状态——节点外观含义琥珀色光效正在运行青色光效在等待外部回答如人工审批绿色光效已完成红色光效失败灰色 ⊘ 标记被跳过紫色光效复用了上次运行的结果运行中的按钮会变成STOP EXECUTION随时可以叫停。等待型节点例如等人审批会保存现场并释放 worker人回答后运行时再恢复——这也是 Weft持久执行理念在编辑器里的直观体现。打开检视器真正调试每个节点的输出这是本文标题的落脚点。点击节点标题栏上的放大镜图标Inspect execution会弹出该节点的检视面板左右两栏分别展示INPUT这次运行实际流入该节点的每个值——图片附件、系统提示词、温度参数、JSON 开关一清二楚OUTPUT节点吐出的每个输出带类型、长度和内容预览例如一段分类结果category: billing、完整的回复文本。面板底部还记录耗时和成本如completed 5s $0.0025。失败的节点在这里直接显示错误原因被跳过的节点会用人话说明为什么比如它的_should_flow说了不你可以顺着箭头往回找到做出决定的上游节点。这些记录来自 Weft 的 journal每次运行逐事件写入、只追加不篡改所以你可以切回昨天的某次运行画布会以和实时运行时完全一样的样子把它放出来——同样的光效、同样的检视器、同样的时间戳。在侧边栏的Executions列表里每个历史运行都有 View in Graph 按钮一键回放。用分组折叠大型工作流给 Agent 流水线划边界当节点多起来图编辑器支持把一组盒子拖进一个Group形成一个有自己输入输出端口的子工作流可以随时折叠/展开外部连线保持不变。分组在语义上还有约束作用跨组传值必须走分组自己的端口编译器会帮你把关边界。另外两个实用开关右上角的Simplified view把所有盒子简化成纯色方块适合给非技术同事讲解整体流程拖拽盒子不会改变程序位置存放在 layouts/ 里只有改变分组归属才算修改程序本身。适合谁AI Agent 工作流可视化调试清单这套图编辑器的完整操作说明在官方文档 Working in the graph 中配套的前端实现位于 packages/weft-graph/运行记录机制的源码在 crates/weft-journal/。结合 你的第一个程序新手可以按这张清单上手✅看懂工作流源码与画布双屏同步非开发者也能跟进每个节点的职责✅快速搭流程CtrlP 搜索加节点拖圆点连线类型不兼容当场报错✅省钱调试Set as target 只跑一个分支seeded run 复用未变化的结果✅复盘问题检视器逐值查看输入输出、耗时与成本历史运行可完整回放✅管理复杂度分组折叠子工作流简化视图给别人讲流程对正在用 LLM 搭建客服机器人、内容流水线等 AI Agent 应用的人来说Weft 图编辑器把黑盒式跑 Agent变成了白盒式调工作流——每个节点看到什么、产出什么、花了多少钱都摊在画布上点一下就能看到。【免费下载链接】weftA programming language for AI orchestrations项目地址: https://gitcode.com/gh_mirrors/weft/weft创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考