0. 先和大家打个招呼吧 ![]()
-
你是谁: 哈罗,我是刚因为AI被裁员的前软件开发工程师
; -
你是怎么用 TRAE 把 Demo 做出来的: 想自己做些有实际作用的软件产品,结果发现依托AI的OPC,工作流程非常乱,要处理的东西很多很多,我就想着从自己的工作流程着手,如何跟AI良好的协作?怎么在每天无数多的想法中,推进研究-技术分析-商业价值-项目准备-产品落地—等等一系列任务。我需要一个AI协作的基座。
1. Demo 简介
-
是什么:像素特工局(PixelAgent Bureau,简称 PAB) 是一个基于 Web 的 AI Agent 主动协作平台 。它把分散在飞书文档/任务/日历、Git、Notion 等工具的项目进度统一汇聚,由 6 位角色化 AI Agent 24 小时感知状态、主动找人协作,并在一个 像素办公室画布上以像素精灵动画实时呈现"谁在做什么、做到哪一步了"。
-
面向谁:首先我自己,完整改变我自身的工作流,也意味着我会长期迭代;使用飞书/Notion/Git 等多工具协作的知识工作团队,尤其是饱受"信息碎片化、每天花半小时翻各工具看进度"之苦的创业小组和分布式团队
-
产品形态 :Web 应用(核心用户端 PAB-OFFICE 像素看板 + 后台管理系统 + 品牌官网)
-
主要功能:
① PAB-OFFICE 像素办公室看板 (核心交互界面)
基于 Phaser 3 渲染的像素风办公室,所有 Agent 以 32×32 像素精灵呈现——空闲时在沙发区呼吸动画、工作时在工位敲键盘/搬箱子、出错时头顶红色感叹号闪烁、跨项目移动时播放走路动画。一屏看懂团队状态,治愈感拉满。② AgentBPM 多 Agent 协作引擎 基于 Flowable 工作流深度改造,把传统"人工审批节点"变成"Agent 执行节点"。6 位角色 Agent(Command 指挥官 / Arch 架构师 / Copy 文案官 / Pixel 像素设计师 / QA 测试官 / Scout 情报侦探)按流水线协作:Command 分配任务 → Arch 出方案 → 各角色执行 → QA 验证,支持并行执行、人工确认检查点、阶段签收与产物提交。
③ 飞书生态同步 + 反转协作 支持飞书设备码授权(无需跳转),定时同步飞书文档/任务/日历数据,由 AI 深度解析文档正文中的项目线索,Command Agent 自动决策 CREATE/UPDATE/SKIP。从"人找信息"变成"信息找人"——任务阻塞超 24h 自动 @负责人、关键路径延期预警、开发者完成任务后自动推荐下一高优事项。把"早晨 30 分钟翻遍各工具看进度"压缩为"打开像素地图 3 分钟全知道"。
2. Demo 创作思路
-
灵感来源:作为开发者,每天早上第一件事就是打开飞书、GitLab、Notion 挨个刷,花半小时才能拼出"昨天团队做了什么、今天卡在哪"。现有的项目管理工具(Jira、飞书项目、Trello)都是表格/看板,需要人主动去看、去更新、去催——本质上还是"人找信息"。
同时,多 Agent 协作是 2026 年最火的方向之一,但大多数产品停留在"聊天窗口里叫几个 Agent"的形态,缺乏直观的状态感知和情绪连接。我希望做一个"反过来"的产品:Agent 24 小时帮你盯着项目,出问题了主动找你,而你只需要偶尔瞟一眼一个好玩的像素办公室就知道全局状态。
并且重点:我自己切实需要,为了让AI来改变我的工作流,我也希望改变AI的工作方式。
-
想解决的问题:
信息碎片化 :项目数据散落在飞书文档、任务、日历、Git 提交、IM 消息里,每天早上拼状态就要 30 分钟
人肉同步成本高 :项目经理当"人肉闹钟",催进度、对状态、追阻塞
多 Agent 缺乏可视化 :用了多个 AI 助手但不知道它们在干嘛、做到哪一步了,缺乏信任感
-
工具缺乏情绪价值 :满屏表格和数字让人焦虑,为什么项目管理不能像游戏一样轻松?
-
为什么做这个方向:
真实痛点 :自己和身边团队每天都在经历,不是凭空想的需求。尝试辅助规范化流程,但又不强制deadline.
"AI 造 AI"的自举 :开发过程中用 Trae IDE 的 AI Agent 帮我写 Agent 协作平台——研发过程本身就是产品理念的 Demo
视觉差异化 :像素风办公室在效率工具赛道上有,但是即使是大厂做的,我体验也是觉得就是可有可无。希望做出具备治愈感的办公工具,虽然听着很可笑。
3. Demo 体验地址(三选一)
-
核心用户端(PAB-OFFICE 像素看板)(主要是他) : https://pab-office.qinghe24.xyz
后台管理系统 : https://pab.qinghe24.xyz
品牌官网(含 5 屏动画叙事) : https://www.qinghe24.xyz/
4. TRAE 实践过程
飞书、coze、火山,这次就是字节全家桶生态。TRAE国际版、TRAE Work CN 、TRAE SOLO
类似的坑还是很多的,有官方文档,不去看文档,凭着记忆以及爬取的数据胡搞;或者找文档找到旧的就开始。所以对于agent创造时的文档要求必须高,特别有api文档或者sdk的,修改的依旧必须是在文档中列出。写完了自然人不review也得重开会话,切换模型,质询review。当然后面等特工局成型,就是Agent任务下发的事。(这里可以设计任务流模板,共享、复用,说不定可以形成社区……)
跟trae疯狂描述需求以及逻辑。产出文档、产出plan、产出小型demo、产出小功能工具、skills(做完了汇总开源)
去年这时候应该还在使用google stitch,而如今使用trae work design让我感觉无比惊艳了,对于给出的参考以及描述的实现程度满意
,OPC-UI席位。
Trae(国际版):
.7480300934289114167:6bcd425c24801d0d2d47ed045616b8bc_6a27af688d2eef96c7fdc2c4.6a281bce8d2eef96c7fdc35b.6a281bccfe149426dc72ea90:Trae.T(2026/6/9 21:57:34)
.7480300934289114167:1a843d58e08615a4e7b22c0090155ca3_6a5106297256cf4d8edf6b2e.6a510a667256cf4d8edf6c60.6a510a60e251e2ec27f2e72e:Trae.T(2026/7/10 23:06:14)
.7480300934289114167:fd26d06adafbccdaa579e93679debfc8_6a55e2a9e584810ea3b5c813.6a55ee56e584810ea3b5c81b.6a55ee55f6cfa2cdfed0a63d:Trae.T(2026/7/14 16:07:50)
Trae design:
2640342759273819:d1b665f0e5e8df0e26af395adff1716b_6a54e6157ad6bd3a242cdd3d.6a54e6157ad6bd3a242cdd40.6a54e6157ad6bd3a242cdd3e:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/13 21:20:21)
5. 对应的报名审核通过的帖子链接






