示例

这些示例都围绕同一套 MDAN 方式展开，只是分别回答 agent app、交互页面和真实接入路径里的不同问题。

每个示例适合什么时候看

一个更完整的 agent-first 应用 demo。

适合看一条完整的交接闭环：登录、创建任务、稳定任务 URL、Agent 到 Agent 的继续执行、要求修改、完成任务，以及 work queue 风格的总览页。它最适合用来理解 MDAN 如何把长期任务上下文留在页面 Markdown 里，把当前步骤放进 block 片段里。

最小起点。

如果你只想先看一条最短路径，就从这里开始。它基本对应脚手架生成出来的项目结构，也是理解后面其他示例的最好起点。

最小的交互闭环。

适合用来理解整页读取、block 局部刷新，以及一次写入之后服务端如何返回下一步交互上下文。

带 session 的多步交互。

适合看登录、注册、退出、页面跳转，以及错误场景下如何返回可恢复的后续操作。

Vue 接管 UI 的版本。

适合想保留 MDAN 规范语义和浏览器运行时，但用 Vue 来渲染界面的场景。

React 接管 UI 的版本。

适合想保留 MDAN 规范语义和浏览器运行时，但用 React 来渲染界面的场景。

已有后端的接入方式。

适合看 Express 这类服务端如何把请求和响应适配到 MDAN 运行时。

第三方 Markdown 渲染器集成。

适合看如何把 marked 这类现成渲染器接进服务端和默认 UI。

文档站示例。

适合看基于 MDAN 组织一组内容页面、导航和文档外壳的方式。