Whiteboard → Software

从一块白板,
到一套能跑的工作流

三张实训室白板照片,被整理成一条可执行链路:开源项目提供参照,Hermes 负责监督与拆解,subagent 并行开工,Kilocode 写代码落地,成果再回填知识库。

翻页 点击右半屏 · 按 → · 滚轮 · 左右滑动
链条

开源 → Hermes → 方案 → subagent → Kilocode

从参照物到可运行产物

组织

董 → 智能库 → 战略 → IT → 企投营办

让能力沉淀进组织,而不是留在个人

闭环

红色回流箭头

执行结果回到人与知识库,形成迭代

01 · 素材

三张白板,四种角色

原始记录来自实训室白板。三张板分工不同:一板写角色与 ROS 任务(逻辑 / 视觉 / 导航 / 抓取),二板写 OPC 与三段产出,三板写组织与战略。点击任意图片放大。

白板一白板一 · 角色与 ROS 任务
白板二白板二 · OPC 与三段产出
白板三白板三 · 组织与战略
02 · 主链路

五步,从开源到可运行

每一环都有明确输入输出,缺一环就会退回到“人肉编码”的老路。

开源
找得到、跑得起的
参照项目
Hermes
读懂需求、拆任务
定验收标准
方案
结构化步骤
边界与风险
subagent
并行开工
上下文隔离
Kilocode
写代码、跑测试
提交可运行版本
白板一上还有一行

板一右侧竖着写了 ROS / 逻辑 / 视觉 / 导航 / 抓取,旁边是 ①②③ 三个编号。说明这条链路当次是跑在一个 ROS 机器人项目上的,不是空转示意图——① ② ③ 对应的是这个项目里三块要拆出去干的活。

为什么先找开源

白板上写的是“找开源项目 → 成品、原型”。先有可运行的参照,才知道自己要什么、差在哪,避免从零空想。

为什么中间要有方案

没有方案,代理就会自由发挥。方案的作用是把“想要”翻译成可验收的步骤与判据。

为什么分 subagent

一个代理上下文太杂就会跑偏。拆成互不干扰的子任务并行推进,出问题只回滚一块。

03 · 三段产出

白板上那三个圈号

①②③ 不是顺序,而是三条并行产出线,最后都汇到“整理 → 文档”。

①

找开源项目 → 成品、原型

先拿到能跑的东西当基准,记录它做对了什么、缺什么,形成需求清单。

②

subagent → Kilocode

监督者给判据,子代理分头执行,编码代理负责落地与自测。

③

整理 → 文档

把踩过的坑、参数、命令固化成文档,否则下一次又从头再来。

OPC · 白板右上角画的是厂房加人脸——把这条链路用在工厂、产线这类真实场景里,而不是停在演示。
04 · 分工

谁定目标,谁动手,谁验收

人

定目标 · 拍板

决定做什么、优先级、什么算过关。白板上“吴”在链路顶端。

Hermes

监督 · 拆解 · 质检

澄清需求、写方案、分派任务、逐条核对产物,不通过就打回。

subagent

并行执行

每块任务独立上下文,互不污染;适合调研、生成、批量改造。

Kilocode

编码实现

读写仓库、跑测试、修 bug,把方案变成能运行的文件。

监督不是旁观

至少三件事必须在监督侧完成:给出可验证的验收标准、检查产物而不是检查汇报、发现偏差立刻缩小任务范围。

代理不是万能

上下文里没有的东西它只能猜。把接口、尺寸、规则、样例喂进去,产出质量差别是数量级的。

05 · 组织侧

能力要沉淀,不能只留在个人电脑里

白板另一条线:董事长 → 智能库 → 战略 → IT → 企投营办。技术链只有接进这条线,才算真的落地。

董
智能库 · 知识沉淀
战略
IT
企
投
营
办
智能库的作用

把每次交付的提示词、结构、踩坑记录存下来。下一个人不用重新摸索,组织能力才会复利。

从个人到组织

个人产出是文件,组织产出是流程。文件会被删掉,流程会被人接着用。

06 · 闭环

红箭头才是这套图的关键

白板上所有红色曲线都是回流的:代理的产出回到人、回到知识库,偏差再回到方案。没有回流,链路只是一次性劳动。

回流一

产物 → 人

每轮交付先给人看,人只判断“能不能用”,不替代理重做。

回流二

产物 → 智能库

把可复用的部分抽成模板与检查清单,写进知识库。

回流三

偏差 → 方案

发现做不到,先改方案和任务边界,而不是让代理硬扛。

一句话:一次做完不算完,回填才算闭环。
07 · 本次实操

你现在看到的这个软件,就是一次跑通

输入只有三张白板照片,过程按上面的链路走了一遍,产物是一个离线可用的单文件应用。

01

读图抽词

识别白板上的开源、Hermes、方案、subagent、Kilocode、智能库、战略、企投营办,以及红色回流箭头。

02

定信息架构

按“素材 → 主链路 → 三段产出 → 分工 → 组织 → 闭环 → 实操”排成九页,每页只讲一件事。

03

实现与自检

纯 HTML/CSS/JS 单文件,无外部依赖;键盘、点击、滚轮、触屏四种翻页全部可用,断网也能开。

位置

D:\新建文件夹\AI工作流演示\index.html

体积

单文件 + 三张素材图,不联网

下一步

把你这边的真实项目名与验收标准填进第五、六页

现场资料

现场实录:三块白板是这样长出来的

照片拍到的是结果。这五段按拍摄先后排列,是同一间实训室里从空白板一笔一笔画到成稿的过程。

第一场 · 14:01–14:07
第二场 · 17:29–17:43
照片是结果,这 5 段是过程。共 5 段、合计 28:25,按拍摄时间自动分成 2 场。 精华版 1:40 是每段取末尾最完整处的合成,不到两分钟能看完整个演进;视频原样保留、没有重新编码 —— 这类素材码率本来就低,再压一遍会把白板上的字压糊。 播放列表按需加载,打开页面不会预先下载任何视频。
完整思路 · 上

把三块白板串成一条完整叙述(上)

从盘资产到落地:①②③④⑤ —— 先看清手上有什么,再找参照、定方案、拆并行、落代码。

01

起点不是「要做什么软件」

是从「手上已经有什么」开始。三块白板、一间实训室、几台机器、一堆踩过的坑。先盘清资产,再谈要做什么 —— 反过来就会从零空想。

02

第一刀:先找开源参照

板二第一支写的是「找开源项目 → 成品、原型」。先拿到一个能跑的东西当基准,才知道自己要什么、差在哪。没有参照物,讨论需求就是互相猜。

03

第二刀:中间必须夹一层「方案」

板三右列写的是 Hermes → 方案 → subagent。方案这一环不能省:没有方案,代理就会自由发挥;有了方案,才能把「想要」翻译成可验收的步骤与判据。

04

第三刀:拆开 subagent 并行

板一上 Hermes 与 subagent 之间是双向箭头,板二第二支是 subagent → Kilocode。一个代理上下文太杂就会跑偏;拆成互不干扰的子任务并行推进,出问题只回滚一块。

05

落地:Kilocode 写代码

方案落到编码代理手上:读写仓库、跑测试、修 bug,交出一个能运行的版本。注意顺序 —— 它是最后一环,不是第一环。

本页是把三块白板上的内容按先后串成的连贯叙述,板上没写的一律不补; 步骤之间的过渡句属于叙述组织,不是白板原文。
完整思路 · 下

把三块白板串成一条完整叙述(下)

回流与沉淀:⑥⑦⑧⑨⑩ —— 三条产出并行、红线回流、能力进组织,最后落到真实产线。

06

三条产出是并行的,不是三步走

板二的 ①②③ 不是先后顺序:① 找开源项目→成品原型、② subagent→Kilocode、③ 整理→文档。三条线可以同时进行,最后都汇到「整理 → 文档」。

07

红色曲线才是关键:三次回流

板三上所有红色曲线都是往回走的 —— 产物回到人、回到智能库、偏差回到方案。没有回流,这条链路只是一次性劳动:做完一次,下次还得从零来。

08

能力要沉淀进组织,不能留在个人电脑里

板三左列是另一条线:董 → 智能库 → 战略 → 企投营办。技术链只有接进这条线才算落地。个人产出是文件,组织产出是流程 —— 文件会被删掉,流程会被人接着用。

09

落点是 OPC:厂房 + 人脸

板二右上角画的是厂房和一个戴眼镜的人脸。这条链路是要用在真实产线、真实岗位上的,不是停在演示里。板一右侧那行 ROS / 逻辑 / 视觉 / 导航 / 抓取,就是它落过的第一个真实项目。

10

一句话

先找参照、再定方案、拆开并行、落地可跑、回填成流程。一次做完不算完,回填才算闭环。

本页是把三块白板上的内容按先后串成的连贯叙述,板上没写的一律不补; 步骤之间的过渡句属于叙述组织,不是白板原文。
08 · 使用

操作说明

翻页

点击屏幕右半部分向前、左半部分向后;也可以按 → ← 或空格;鼠标滚轮、触屏左右滑动同样有效。

跳转

底部圆点直接跳到任意页;按 Home 回首页,End 到最后一页。

演示模式

按 F 全屏;右下角“自动播放”每 9 秒自动翻页,适合挂在屏幕上循环展示。

查看原图

第 2 页的三张白板照片可点击放大,再点一次关闭。

提示:如果双击 index.html 没反应,右键选择“打开方式 → 浏览器”。
白板到软件 · AI 协作工作流
自动播放
全屏
← 演示材料