Skip to content

Releases: cyberdaddyleo/agent-display

v5.0 · NEBULA 星核蜘蛛

Choose a tag to compare

@cyberdaddyleo cyberdaddyleo released this 23 Oct 09:33
c812f0a

授权变更:改为非商用许可证

  • 从 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 条半透明的腿,关节发光。
  • 腿用逆解算法控制:爬行时交替迈步;起跳时收拢;落地时一下张开。
  • 星云蛛趴在星云鼓起的云顶上,身体顺着云面倾斜,跟着星云一起公转。
  • 为了在亮星云上也看得清:它脚下那一小块星云会压暗,身下再垫一层暗影;它所在的那团星云会轻轻闪烁。

审需求的流程

  1. CHIEF 收到新需求,星云蛛在星核上准备起跳。
  2. 按工作流顺序,依次跳到相关智能体的星云上。每团星云要读 9~12 个词。
  3. 在星云上伸触须读词,每批连读 4~6 个,读完一批就在云面上爬一段换个位置,整团读完才跳到下一团:
    • 普通词:一部分会连线到下一个工区。
    • 模糊词(如「尽快」「高级感」「爆款」):标红 → 发一道光问 CHIEF → CHIEF 回答 → 补成具体要求(如「周五 18:00 前」「黑金 + 大留白」「完播 > 35%」)。
  4. 需求评分从三十多分一路往上涨,过 80 分线才算合格。
  5. 全部读完,星云蛛跳回 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 机器人工厂

Choose a tag to compare

@cyberdaddyleo cyberdaddyleo released this 21 Oct 12:41
b2f6cec

新增:主题 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 神经星环

Choose a tag to compare

@cyberdaddyleo cyberdaddyleo released this 20 Oct 10:20
bc7219b

新增:主题 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 · 主题系列版

Choose a tag to compare

@cyberdaddyleo cyberdaddyleo released this 19 Oct 08:27
89362dd

v2.0 · 主题系列版

「作战大屏」从单页升级为主题系列:一个页面装下多款大屏,一键切换。

两款主题

  • 01 · OPS 纸面工程:纸与墨的工程图风格,调度飞轮,可切夜间荧光(即 v1 版本)
  • 02 · SPIDER 蛛网战术(新):粉框作战室,12 个 agent 实时派单、交接、质检、交付;巡检蛛满屏巡逻;token 消耗大屏和交付飞轮

怎么切换

  • 点大屏右上角的「主题」按钮,或直接按 T 键
  • 链接末尾加 #ops 或 #spider 可以直达指定主题
  • 选择会被记住

使用说明

  • 单个 HTML 文件,双击或部署到任意静态托管即可运行,无需安装
  • 推荐电脑或手机横屏观看
  • 当前数据为模拟示例,接入真实数据见 README「配置」一节

DEVELOP BY @赛博老爸