公司业务 Loop 运营图

一个纯静态的公司业务飞轮可视化网页，用来梳理 GTM、产品体验、用户数据反馈、PRD/实验、工程 Agent 交付，以及外生的 SKU / Workflow 小环。

预览

直接打开 index.html 即可使用：

open index.html

也可以用本地静态服务器预览：

python3 -m http.server 8765

然后访问：

http://127.0.0.1:8765/index.html

功能

• 顶层是一个经营飞轮：GTM -> 产品体验 -> 用户/数据反馈 -> Insight/PRD/实验 -> 工程 Agent 交付。
• SKU / Workflow 作为外部小环，通过候选与 ROI 回流连接到主飞轮。
• 节点可点击进入下一层 Loop。
• 支持搜索、业务域筛选、自动化状态筛选。
• 节点详情支持本地编辑：自动化状态、Owner、接收内容、产出内容、卡点。
• 编辑结果保存在浏览器 localStorage 中，不需要后端。

修改数据

业务数据都在 index.html 内的 LOOP_DATA 常量中。

常见改法：

• 改节点标题：修改 title
• 改节点说明：修改 summary
• 改 Owner：修改 owner
• 改自动化状态：修改 automationStatus
• 改上下层结构：修改节点的 children
• 改数据来源：修改 dataSources

自动化状态固定为：

Manual
Assisted
Agent-ready
Agentized

本地编辑数据

网页里直接改节点详情后，修改会写入：

localStorage["bizLoop.nodeOverrides.v1"]

点击页面里的“重置本地修改”可以清除这些覆盖数据，恢复到 index.html 内置数据。

技术说明

• 无构建步骤
• 无 npm 依赖
• 无后端
• 所有样式、数据和交互都在 index.html

这适合先作为业务逻辑图原型使用。后续如果需要多人协作、权限、导入导出、真实数据接入，可以再迁移到 React/Vite 或 Next.js。