24.5 案例：宏观经济数据大屏

面向经管学生、研究者与从业者的 AI 智能体设计教材

作者

李学恒、林建浩、严翊歆

发布于

2026-05-11

一位经济金融研究员在手机微信上给管家发了一条消息，要求设计一个宏观经济数据大屏。管家判断这是需要多轮交互的项目级任务，通过 acpx 调度 Opencode 进入项目目录执行。整个过程研究员只在微信里操作，不打开电脑。

项目目录

~/projects/macro-dashboard/
├── src/                # 前端源码（图表组件、布局）
├── data/               # 数据接口配置（API 地址、更新频率）
├── docs/               # 需求文档与设计记录
├── public/             # 静态资源
├── CLAUDE.md           # 项目规则文件
└── package.json

配置文件

MEMORY.md 中与本项目相关的调度配置：

## 执行规范（每次接到任务前必读）

❗ [spec/DISPATCH-EXPERT.md](spec/DISPATCH-EXPERT.md)

projects/INDEX.md 中的项目登记：

| 数据大屏 | ~/projects/macro-dashboard | 宏观经济指标可视化面板 |

spec/DISPATCH-EXPERT.md 中的匹配规则：管家看到”做一个数据大屏”、“设计可视化面板”类需求，匹配到”完整调度流程”，先走 brainstorming 澄清再用 acpx 调度。

用户操作

需求澄清阶段

👤

帮我设计一个宏观经济数据大屏，展示 PMI、CPI、社融等核心指标

🦞

收到。这类任务我会先跟你确认几个细节，然后再交给 Opencode 执行。第一个问题：数据大屏面向谁看？是你自己日常看盘用，还是要给团队展示或对外汇报？

👤

自己日常看盘

🦞

明白，个人看盘场景。第二个问题：配色偏好？深色主题还是浅色主题？

👤

深色

🦞

第三个问题：除了 PMI、CPI、社融，还需要哪些指标？比如 M2、利率、汇率、行业 PMI？

👤

加上 M2 和十年期国债收益率

🦞

最后一个：布局偏好？左右分栏、上下平铺、还是 bento 网格？

👤

左右分栏，左边放月度指标，右边放资金面指标

🦞

需求确认。宏观经济数据大屏，深色主题，左右分栏布局。左栏：PMI、CPI（月度指标），右栏：社融、M2、十年期国债收益率（资金面指标）。个人看盘用途，不需要导出功能。可以开始做吗？

👤

可以，就按这个做

管家确认需求后，在后台完成以下操作：读取 spec/DISPATCH-EXPERT.md 匹配到完整调度流程，从 projects/INDEX.md 获取项目路径 ~/projects/macro-dashboard，调用 dispatch-expert Skill 创建持久会话。

调度执行与结果汇报

🦞

正在通过 acpx 调度 Opencode 进入数据大屏项目。已将需求和布局方案一并传给专家。

🦞

Opencode 反馈：技术方案采用 React + Recharts，5 个图表组件分别对应 5 个指标，数据通过 JSON 配置文件管理。正在编写组件代码。

👤

配色再调一下，CPI 用橙色系，利率用蓝色系

🦞

已追加配色要求。Opencode 正在调整。

🦞

✅ 数据大屏完成。产出文件在 ~/projects/macro-dashboard/src/ 目录下，共 5 个图表组件 + 1 个布局文件。用 npm run dev 启动后在浏览器打开 localhost:3000 预览。需要截图发给你看看效果吗？

👤

好，截个图

🦞

已截图。左栏为 PMI 折线图（绿色）和 CPI 柱状图（橙色），右栏为社融面积图、M2 增速折线图、十年期国债收益率曲线（蓝色系），深色背景。需要调整哪里？

👤

挺好的，先这样

整个过程研究员在手机上完成了数据大屏的需求定义、方案确认、中途调色和验收，没有打开过电脑或终端。管家负责需求翻译和过程协调，Opencode 负责项目目录内的代码实现。

--- title: "24.5 案例：宏观经济数据大屏" --- ![案例：从微信到代码交付](images/img_04_case_full_chain.png) 一位经济金融研究员在手机微信上给管家发了一条消息，要求设计一个宏观经济数据大屏。管家判断这是需要多轮交互的项目级任务，通过 acpx 调度 Opencode 进入项目目录执行。整个过程研究员只在微信里操作，不打开电脑。 ### 项目目录 ```txt ~/projects/macro-dashboard/ ├── src/ # 前端源码（图表组件、布局） ├── data/ # 数据接口配置（API 地址、更新频率） ├── docs/ # 需求文档与设计记录 ├── public/ # 静态资源 ├── CLAUDE.md # 项目规则文件 └── package.json ``` ### 配置文件 MEMORY.md 中与本项目相关的调度配置： ```txt ## 执行规范（每次接到任务前必读） ❗ [spec/DISPATCH-EXPERT.md](spec/DISPATCH-EXPERT.md) ``` projects/INDEX.md 中的项目登记： ```txt | 数据大屏 | ~/projects/macro-dashboard | 宏观经济指标可视化面板 | ``` spec/DISPATCH-EXPERT.md 中的匹配规则：管家看到"做一个数据大屏"、"设计可视化面板"类需求，匹配到"完整调度流程"，先走 brainstorming 澄清再用 acpx 调度。 ### 用户操作 **需求澄清阶段** ```wechat 用户: 帮我设计一个宏观经济数据大屏，展示 PMI、CPI、社融等核心指标管家: 收到。这类任务我会先跟你确认几个细节，然后再交给 Opencode 执行。第一个问题：数据大屏面向谁看？是你自己日常看盘用，还是要给团队展示或对外汇报？用户: 自己日常看盘管家: 明白，个人看盘场景。第二个问题：配色偏好？深色主题还是浅色主题？用户: 深色管家: 第三个问题：除了 PMI、CPI、社融，还需要哪些指标？比如 M2、利率、汇率、行业 PMI？用户: 加上 M2 和十年期国债收益率管家: 最后一个：布局偏好？左右分栏、上下平铺、还是 bento 网格？用户: 左右分栏，左边放月度指标，右边放资金面指标管家: 需求确认。宏观经济数据大屏，深色主题，左右分栏布局。左栏：PMI、CPI（月度指标），右栏：社融、M2、十年期国债收益率（资金面指标）。个人看盘用途，不需要导出功能。可以开始做吗？用户: 可以，就按这个做 ``` 管家确认需求后，在后台完成以下操作：读取 spec/DISPATCH-EXPERT.md 匹配到完整调度流程，从 projects/INDEX.md 获取项目路径 `~/projects/macro-dashboard`，调用 dispatch-expert Skill 创建持久会话。 **调度执行与结果汇报** ```wechat 管家: 正在通过 acpx 调度 Opencode 进入数据大屏项目。已将需求和布局方案一并传给专家。管家: Opencode 反馈：技术方案采用 React + Recharts，5 个图表组件分别对应 5 个指标，数据通过 JSON 配置文件管理。正在编写组件代码。用户: 配色再调一下，CPI 用橙色系，利率用蓝色系管家: 已追加配色要求。Opencode 正在调整。管家: ✅ 数据大屏完成。产出文件在 ~/projects/macro-dashboard/src/ 目录下，共 5 个图表组件 + 1 个布局文件。用 npm run dev 启动后在浏览器打开 localhost:3000 预览。需要截图发给你看看效果吗？用户: 好，截个图管家: 已截图。左栏为 PMI 折线图（绿色）和 CPI 柱状图（橙色），右栏为社融面积图、M2 增速折线图、十年期国债收益率曲线（蓝色系），深色背景。需要调整哪里？用户: 挺好的，先这样 ``` 整个过程研究员在手机上完成了数据大屏的需求定义、方案确认、中途调色和验收，没有打开过电脑或终端。管家负责需求翻译和过程协调，Opencode 负责项目目录内的代码实现。