实时架构面板

一部“一直在跑”的终端风格架构面板视频。布局固定、第 0 帧就已经活着——每条连线上都有数据包带着拖尾流动,运行日志滚动,计数器累加,一个 lane 在 working/done 之间旋转,状态条过阈值变色,侧栏触发项逐个点亮并打出建议。终端暗色与浅色彩两套主题、三种画布预设。

实时架构面板

使用方法

  1. 编写一份 JSON 配置:画布预设、主题、状态机与元素

  2. build.mjs 校验配置并把 DOM 引擎与字体打进单一页面

  3. render.mjs 无头驱动暂停时间线,输出静音 MP4 与报告