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),仅供参考

相关新闻

浏览器一键刷机 esp32-c3-adblock:Web 安装器(manifest.json)完整指南

浏览器一键刷机 esp32-c3-adblock:Web 安装器(manifest.json)完整指南

浏览器一键刷机 esp32-c3-adblock:Web 安装器(manifest.json)完整指南 【免费下载链接】esp32-c3-adblock Pi-hole-class DNS ad-blocker on a $2 ESP32-C3 (no PSRAM): 537k domains as 40-bit FNV-1a hashes in flash, binary-searched. UD…

2026/10/8 20:55:46 阅读更多 →
UE5游戏2K显存爆满原因与6步精准优化方案

UE5游戏2K显存爆满原因与6步精准优化方案

1. 为什么“第一后裔”在8GB显存上跑2K会爆显存?不是显卡不行,是游戏引擎和现代渲染技术的双重挤压 “第一后裔”上线初期,大量玩家反馈:RTX 3060(12GB)、RTX 4060(8GB)这类主流中端…

2026/10/8 20:55:46 阅读更多 →
风电混合储能平抑并网功率变化率:低通滤波与容量配置实践

风电混合储能平抑并网功率变化率:低通滤波与容量配置实践

在风电场干过并网的人,十有八九看过这种曲线:风机满发时并网功率像锯齿,风速一跳,功率就横冲直撞。调度考核点上的功率变化率如果超限,轻则考核扣分,重则直接影响并网资格。很多人第一反应是加电池&#xf…

2026/10/8 20:55:46 阅读更多 →

最新新闻

Superpowers:AI编程工作流的CLI协议化实践

Superpowers:AI编程工作流的CLI协议化实践

1. 项目概述:Superpowers 不是超能力,而是开发者工作流的“隐形加速器” 最近在多个技术社区和开发者的 Slack 频道里,“superpowers”这个词出现频率陡增——但它既不是漫威新剧的周边,也不是某款玄幻手游的充值礼包。它真实存在…

2026/10/8 21:29:07 阅读更多 →
GRPO实战:奖励值与优势值计算及组内归一化详解

GRPO实战:奖励值与优势值计算及组内归一化详解

1. 从奖励到优势:GRPO 到底在优化什么 第一次接触 GRPO(Group Relative Policy Optimization,组相对策略优化)的人,十有八九会被“奖励值”和“优势值”这两个词绕晕。我当初也是,看论文的时候觉得公式都懂…

2026/10/8 21:29:07 阅读更多 →
轻量级前端插件ponytail:长文本截断与展开交互实践

轻量级前端插件ponytail:长文本截断与展开交互实践

我一度很抵触在项目里做“长文本截断”这种需求。倒不是不会写,而是它表面看起来三五行 CSS 就能解决,真正上线后却被产品、UI、测试轮番提问题:为什么这段只截了两行?为什么展开之后按钮位置跳了?为什么复制全文时选区…

2026/10/8 21:29:07 阅读更多 →
Claude Code实战:从零搭建全栈AI应用全记录

Claude Code实战:从零搭建全栈AI应用全记录

如果你和我一样,是个习惯把需求丢给聊天窗口、再把代码手工贴回工程的全栈开发者,我强烈建议你试试 Claude Code。上个周末我把一个搁置了快一个月的全栈 AI 应用项目翻出来收尾,改用 Claude Code 在终端里从头跑了一遍:初始化目录…

2026/10/8 21:29:07 阅读更多 →
pi 极简编码代理:4 个工具与 oh-my-pi 全家桶实战

pi 极简编码代理:4 个工具与 oh-my-pi 全家桶实战

1. 当"全能"变成负担:我为什么开始重新审视编码代理的工具边界第一次接触 Claude Code 的时候,我承认自己被震撼到了。一个终端里的编码代理,能读文件、能改代码、能跑命令、能理解整个项目结构,几乎把"AI 结对编程…

2026/10/8 21:29:07 阅读更多 →
从Agent到多Agent协作:用AI完成论文写作全流程实战指南

从Agent到多Agent协作:用AI完成论文写作全流程实战指南

1. 为什么写论文这件事值得引入Agent 先交代一下背景。今年我把一篇综述论文的初稿,真正意义上交给了“一个Agent团队”去完成。不是用ChatGPT开个对话窗口、问它“帮我写一段引言”这种零散操作,而是搭建了一套能自主行动、分工协作的多Agent系统&#…

2026/10/8 21:28:04 阅读更多 →

日新闻

抖音用户主页视频数据爬虫详解:点赞、收藏、分享字段抓取与 TaoToken 统一 Key 配置

抖音用户主页视频数据爬虫详解:点赞、收藏、分享字段抓取与 TaoToken 统一 Key 配置

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 0:00:03 阅读更多 →
AI 编程 Trae 国内版与国际版一篇讲透:TaoToken 统一 Key 接入实测

AI 编程 Trae 国内版与国际版一篇讲透:TaoToken 统一 Key 接入实测

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 0:00:06 阅读更多 →
Claude Desktop 配置第三方推理接口教程:用 TaoToken 统一 Key 打通 API 调用

Claude Desktop 配置第三方推理接口教程:用 TaoToken 统一 Key 打通 API 调用

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 0:00:07 阅读更多 →

周新闻

KT148A语音芯片外挂8002D功放的工程实践指南

KT148A语音芯片外挂8002D功放的工程实践指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:32 阅读更多 →
LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:40 阅读更多 →
ARM架构深度解析:从RISC设计理念到交叉编译实战

ARM架构深度解析:从RISC设计理念到交叉编译实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 10:10:36 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 21:13:17 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/8 15:26:17 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/7 13:34:55 阅读更多 →