墨白风：墨与白两极的高对比、低饱和、克制的绿色强调 —— 所有演示图统一继承
_shared/evg-style.css 设计 token 与组件类；右上角
data-evg-theme-toggle 一键切换明暗（或用 ?theme=light|dark 固定截图）；
品牌 logo 与宠物默认灰度待机、悬停/周期放映还原彩色；动图全部遵循
prefers-reduced-motion 降级，静态可读。
01
数据中枢 DataHub
DataOrchestrator · 并发拉取 / 登录域调度 / 失败重试
L1–L4 栈式分层全景 + 13 相循环动图：全部数据源并发拉取 → 5 源失败 → 按登录域判定（provider 域域内并发 / 无 provider 域串行）→ 2s 退避 ×3 上限 → 时钟对齐 5 分钟刷新。
打开演示 →
02
Agent 架构 一中心多核心
AgentRuntime · Controller · 六个核心分支
思维导图式架构总览：Skill 加载四层 scope、奥尔波特五维记忆、Agent Tool 插件原理、工作区与视觉拓展、Agent 循环与四道安全网、平台桥接；点击分支联动详情，自动演示依次点亮。
打开演示 →
03
插件飞轮 创作与发现闭环
创作 → 采集 → 展示 → 安装 → 集成
五站闭环 SVG：绿色流动环顺时针飞转、当前环节轮播高亮、中心 logo 圆盘放映；飞轮动力计数器（countUp）与五步闭环、核心原则三卡。
打开演示 →
04
四工坊泳道 开发者模式 DIY
scraper · module · agent · skill + 自产 theme·skin·config
网页经 scraper 工坊变数据源包裹，沿水流带顺流而下；四工坊泳道加工出七类插件包裹，汇聚到平台组合器，归入仓库供给用户，配 7 个装配 Loader。
打开演示 →
05
Agent 自动工作流 插件供应链
skill → auto-workflow-skill → 一支笔 → AI 产线
装配线动图：五类插件芯片沿传送带无缝右移入仓、产物回流再创作；队长 Agent 按 AGENT.md §6 向 9 个 OWNER 扇形派发任务，秩序井然。
打开演示 →
06
平台三视图 插件资源分发
AI 助手 · 插件 · 开发者模式
底层资源层 → 前端运行时 → 三路分发；开发者模式与底层资源双向箭头回流闭环，SMIL 光点沿三路移动与回流。
打开演示 →
07
三角通讯链 core · plugins · renderer
HTML-first 主路径 · ModuleDispatch 模板路由 · AppBootstrap 25 步
三角泳道演示动图：上游 core/ → 中游 plugins/（HTML-first 主路径）→ 下游 renderer/ 三条泳道，三条通讯链（HTTP JSON / 视图分发 / import 直调）动图流动；子模块 / 装配 25 步 / JS Bridge 能力等细节全部外置于详情卡，泳道节点点击直达。
打开演示 →