Repository navigation
Releases: cyberdaddyleo/agent-display
Releases · cyberdaddyleo/agent-display
Release list
v5.0 · NEBULA 星核蜘蛛
授权变更:改为非商用许可证
- 从 v5.0 起,本项目改用 PolyForm Noncommercial License 1.0.0(SPDX:
PolyForm-Noncommercial-1.0.0)。 - 非商业用途免费:个人学习、研究、自用、修改和二次创作,学校、科研、公益、政府机构使用,都不用付费。
- 商业用途需要授权:公司业务中使用(包括内部使用)、交付客户、集成进付费产品或服务、打包出售等,请联系 @赛博老爸 获取商用授权:cyberdaddyleo@outlook.com。
- 使用和转发时,需保留许可证和版权声明
Required Notice: Copyright (c) 2026 赛博老爸。 - v5.0 之前已发布的版本,按其发布时附带的许可证执行。
新增:主题 05 · NEBULA 星核蜘蛛
一片 3D 星云,用 three.js(WebGL)渲染。一只星云蛛在各智能体的星云之间跳动,逐字审查需求:模糊的地方先问清楚,评分过线才派单。配色是冰蓝、白、桃粉的星云色。
星图
- 正中是 CHIEF 总调度,做成一团发光丝带缠成的星核,外面绕着几圈轨道环。
- 12 个智能体各是一团星云,分在三条椭圆公转轨道上,绕着星核转:
- 里圈 3 团,转一圈约 2.5 分钟。
- 中圈 4 团,转一圈约 4 分钟。
- 外圈 5 团,转一圈约 5 分钟。
- 星云有六种形态轮流排,相邻的不重样:旋涡、环状、蓬松团云、彗尾、双瓣、纤维丝团。
- 每团星云由三层组成:一层淡光雾撑出体积,一团中间鼓起来的尘埃,几十根弯曲的细丝。
- 背景:星空、轨道上的淡星尘、竖向细光丝。
星云蛛
- 造型:粒子组成的头、两只大圆眼、丝带星云做的腹部、8 条半透明的腿,关节发光。
- 腿用逆解算法控制:爬行时交替迈步;起跳时收拢;落地时一下张开。
- 星云蛛趴在星云鼓起的云顶上,身体顺着云面倾斜,跟着星云一起公转。
- 为了在亮星云上也看得清:它脚下那一小块星云会压暗,身下再垫一层暗影;它所在的那团星云会轻轻闪烁。
审需求的流程
- CHIEF 收到新需求,星云蛛在星核上准备起跳。
- 按工作流顺序,依次跳到相关智能体的星云上。每团星云要读 9~12 个词。
- 在星云上伸触须读词,每批连读 4~6 个,读完一批就在云面上爬一段换个位置,整团读完才跳到下一团:
- 普通词:一部分会连线到下一个工区。
- 模糊词(如「尽快」「高级感」「爆款」):标红 → 发一道光问 CHIEF → CHIEF 回答 → 补成具体要求(如「周五 18:00 前」「黑金 + 大留白」「完播 > 35%」)。
- 需求评分从三十多分一路往上涨,过 80 分线才算合格。
- 全部读完,星云蛛跳回 CHIEF,趴在星核球面上交付:星核闪亮一下,几张回执小框飞进底部框体,星云蛛在星核上蹦两下。然后接下一单。
拔取信息小框体
- 每读到一个词,星云蛛就从词上拔出一个彩色小框,弧线飞到底部对应的框体里,被击中的框体边框会闪一下:
- 普通词 → 爬取日志 / 读词热力
- 标红的模糊词 → 需求评分
- 补齐后的具体要求 → 需求雷达
- 连到下一个工区的词 → 章节
- 大约四成的词还会再拆出一个属性标签(#负责人、#截止、#指标、#范围、#出处、#验收、#依赖),飞进雷达、热力或章节框体。
作战大屏版式
- 左上:标题 NEBULA CRAWLER 星核蜘蛛;下面显示当前章节(编号、工区、已读和模糊词数量)。
- 右上:数据栏(触须数、已读词数、连线、标红、计时、帧数)和流程标签(brief → 各工区 → ship),当前步骤高亮。
- 底部一排六个玻璃质感框体:
- CRAWL LOG 爬取日志:每一步动作(跳、爬、读、连线、标红、提问、补齐、派单)。
- SECTIONS 章节:每个工区的已读进度。
- SPEC RADAR 需求质量:七个维度(完整、可执行、可度量、负责人、截止、无歧义、可验收)的雷达图,加断言、负责人、验收点三项计数。
- WORD HEAT 读词热力:每个工区一行、每个词一格的热力格,加读词速度和已读、连线、标红、补齐计数。
- SPEC SCORE 需求评分:评分曲线加仪表盘,80 分过线。
- CRAWLER.PY 审查脚本:每单开头重新敲一遍,当前在执行的那一行高亮。
- 星云上方挂着工区标签,显示待审、审查中、审完;正在读的词以小标签显示在星云上。
视角与交互
- 4 种视角:跟随(默认)、俯瞰、斜看、环绕。点工具栏按钮或按 V 键切换。
- 跟随:读词时镜头框住当前这团星云;起跳时紧跟星云蛛;交付时拉回全景。
- 鼠标拖动转视角,滚轮缩放。
- 点击某团星云,镜头拉近;按 Esc 返回。
- 鼠标悬停在星云、星核或星云蛛上,显示详情。
视觉与适配
- 辉光(UnrealBloom)。电脑性能不足时,自动先降清晰度,再关辉光。
- 16:10、1366×768 等屏幕都能正常排版。
- 窄屏或竖屏下切到精简版,只保留星云和三个核心数字(当前需求、需求评分、今日派单)。
调整
- 主题选择面板:05 位置换成 NEBULA 星核蜘蛛,新增「06 · 下一款」占位。
- T 键轮换顺序改为 OPS → SPIDER → NEURAL → FACTORY → NEBULA。
- 新增直达链接
#nebula。
v4.0 · FACTORY 机器人工厂
新增:主题 04 · FACTORY 机器人工厂
一整座 3D 机器人车间,用 three.js(WebGL)渲染,视角接近 Desynced、戴森球计划这类工厂游戏的俯瞰。
总工程与子板块
- CHIEF 总调度把每个「总工程」拆成 8 个「子板块」。内置 4 个总工程轮流开工:双11 大促战役、智能投标交付、新品发布会、品牌出海计划。
- 每个子板块按自己的工作流在几个工区之间接力加工。加工完由无人机吊到中间,并入总工程。
- 总工程在中间总装区造成一台超大载具,四种轮换:火箭、机甲、航天飞机、战斗机。
- 8 个子板块全部并入后,依次进入:倒计时 → 点火发射 → 「LAUNCH SUCCESS · 发射成功」横幅 → 开下一个总工程。
12 个工区 + 总调度室
- 每台机器人造型不同,各有一套专属机器,在工作台和机器之间来回忙。
- 13 个岗位(岗位名 · 动作):
- SCOUT 检索 · 雷达扫描
- SPLIT 拆解 · 激光切割
- COPY 文案 · 排版印刷
- DESIGN 设计 · 喷涂
- CODE 代码 · 装配
- TEST 测试 · 敲击测试
- PROOF 审校 · X 光质检
- DATA 数据 · 校准建模
- CUT 剪辑 · 数控切削
- ADS 投放 · 喷码贴标
- CARE 客服 · 打磨包装
- VAULT 归档 · 焊接封装
- CHIEF 总调度 · 控制室
- 车间物流:
- 货箱沿双向主传送带和支线在工区之间流转。
- AGV 小车在外圈道路巡线,4 架无人机负责吊装。
- CRAWLER 巡检蛛沿传送带巡逻。
进度显示
- 每台机器人旁边挂一张进度卡,内容是岗位、当前动作、进度条和手上的子板块。卡片会自动错开,不互相遮挡,也不压到数据框体。
- 总装台旁竖着一根「总工程」进度条,列出 8 个子板块各自的状态:待派、运输、加工、返工、吊装、已并入。
作战大屏版式
- 左上:标题,英文用镂空模板字体(Big Shoulders Stencil)。第一行 ROBOT 加中文「机器人工厂」,中文字高和英文大写字高对齐;第二行 FOUNDRY。
- 顶部正中:最近动作。
- 屏幕正中:发射倒计时和发射成功横幅,都沿用第一版设计。
- 倒计时:超大黄色镂空数字压在火箭前面,下面一行宽字距说明。
- 发射成功横幅:黄色镂空模板字、顶部警示斜纹、黄框。
- 两者出现时,总工程进度条和机器人进度卡会自动变淡。
- 底部一排五个紧凑的数据框体:
- 01 TASK FLOW 子板块任务流:8 个子板块的流转工区、当前状态、进度。
- 02 KPI 今日指标:交付总工程数、本工程用时、今日子板块、审校通过率、算力、渲染帧率。
- 03 LINE LOAD 工区负载:12 个工区的负载柱、OEE 环、每分钟交接数曲线。
- 04 RADAR 车间雷达:俯视小地图,标出货箱、无人机、AGV、巡检蛛的位置。
- 05 EXEC 执行代码:滚动显示调度执行记录。
- 3D 车间会自动缩放,填满框体上方的空间:只避开标题和最近动作的文字本身,不避开它们旁边的空白。
- 标题、最近动作、右上按钮的顶边对齐;标题左边和底部框体左边对齐。
视角与交互
- 4 种视角:俯瞰、斜看、环绕、特写。点工具栏按钮或按 V 键切换。
- 鼠标拖动转视角,滚轮缩放。
- 点击某台机器人,镜头拉近到它的工区;按 Esc 返回。
- 鼠标悬停在机器人上,显示它的详情。
视觉
- 辉光(UnrealBloom)加软阴影。
- 电脑性能不足时,自动依次降清晰度、关阴影。
- 移动视角时的黑边闪烁已处理。
适配
- 16:10、1366×768 等屏幕都能正常排版。
- 窄屏或竖屏下切到精简版,只保留车间和三个核心数字(总工程、子板块、今日交付)。
调整
- 主题选择面板:04 位置换成 FACTORY 机器人工厂,新增「05 · 下一款」占位。
- T 键轮换顺序改为 OPS → SPIDER → NEURAL → FACTORY。
- 新增直达链接
#factory。
v3.0 · NEURAL 神经星环
新增:主题 03 · NEURAL 神经星环
3D 星环式的 agent 协同大屏,用 three.js(WebGL)渲染。
- 神经团:13 团神经元代表 13 个智能体。CHIEF 总调度在正中,其余 12 个按钟面围成一圈。另有一个 CRAWLER 巡检探针在各团之间飞行巡检。智能体、11 条工作流、6 个交付渠道的配置与 SPIDER 蛛网款共用同一套。
- 任务流可视化:
- 派单、交接沿突触束飞行,表现为一个个光点脉冲;审校打回的脉冲是红色。
- 脉冲到达时,对应那团星云会亮一下。
- 交付时,一道光束射向外环的交付渠道,并点亮该渠道。
- HUD 星环:
- 能量格环:72 块 × 6 道,记录 token 流水。每块从外往圆心方向充能,并按头顶扇区里智能体的忙碌程度跳动;两道充能波沿环反向扫过;用量超预算时最里一道变琥珀色;流星或交付光束穿过时,被击中的那块整块点亮。
- 执行记录文字带:滚动显示最新的派单、交接、交付记录。
- 智能体扇区环 + 交付渠道环:和神经网一起慢转,约 3 分钟一圈。转到下半圈的标签会自动翻正。
- 外圈另有刻度、虚线轨、弧段等装饰层,各自转速、方向不同。
- 视角与交互:
- 4 种视角:环绕、正视、斜看、贴近,点工具栏按钮或按 V 键切换。
- 鼠标拖动转视角,滚轮缩放。
- 点击某团神经元聚焦它,其他压暗;悬停显示该智能体详情。
- 面板:
- 左列:14 个神经团的实时状态,以及最近一次交接的连线。
- 右列:神经活动热力格、突触日志、巡检蛛统计。
- 底部指标条:拓扑规模、脉冲频率、今日交付进度、审校通过率、token 用量与成本、渲染帧率。
- 视觉:全程彩色加辉光(UnrealBloom)。电脑性能不足时,会自动先降清晰度、再减少粒子。
- 适配:
- 画板随屏幕比例伸展,全屏时面板贴齐屏幕上下边,16:10 屏幕也没有黑边。
- 窄屏或竖屏下显示只保留星环和三个核心数字的精简版。
- 按需加载:three.js 只在切到神经星环时才加载,不影响 OPS 和 SPIDER 的打开速度。
- 预留开关:代码里的
AMBIENT配置控制背景粒子和流星,默认关闭;调大数值即可开启。
调整
- 01 OPS 纸面工程:
- 「夜间」按钮改名为「粒子」。点它切到荧光绿的粒子画面,切换后按钮显示「纸面」,再点切回。
- 新增「全屏」按钮。
- 主题卡说明改为「可切粒子荧光」。
- 02 SPIDER 蛛网战术:去掉 ×1 倍速按钮。
- 三款主题:
- 移除暂停按钮和空格键暂停。
- 电脑开启「减少动态效果」系统设置时,大屏也照常运行,不再停住。
- 主题选择面板:
- 03 位置换成 NEURAL 神经星环,新增「04 · 下一款」占位。
- 按 T 键轮换的顺序为 OPS → SPIDER → NEURAL。
修正
- 水印「DEVELOP BY @赛博老爸」改为「DEVELOPED BY @赛博老爸」,三款主题和主题面板共 5 处。
v2.0 · 主题系列版
v2.0 · 主题系列版
「作战大屏」从单页升级为主题系列:一个页面装下多款大屏,一键切换。
两款主题
- 01 · OPS 纸面工程:纸与墨的工程图风格,调度飞轮,可切夜间荧光(即 v1 版本)
- 02 · SPIDER 蛛网战术(新):粉框作战室,12 个 agent 实时派单、交接、质检、交付;巡检蛛满屏巡逻;token 消耗大屏和交付飞轮
怎么切换
- 点大屏右上角的「主题」按钮,或直接按 T 键
- 链接末尾加
#ops或#spider可以直达指定主题 - 选择会被记住
使用说明
- 单个 HTML 文件,双击或部署到任意静态托管即可运行,无需安装
- 推荐电脑或手机横屏观看
- 当前数据为模拟示例,接入真实数据见 README「配置」一节
DEVELOP BY @赛博老爸