> ## Documentation Index
> Fetch the complete documentation index at: https://docs.avibe.bot/llms.txt
> Use this file to discover all available pages before exploring further.

# Show Pages

> 让你的 agent 直接给你一个实时网页——仪表盘、图、diff 或报告——而不只是一段文字。

文字是个很窄的通道。**Show Pages** 让你的 agent「展示」给你看：一个仪表盘、一张图、一个 diff、一份报告，或一个小的交互应用，一个真正的网页，为当下这件事现做，手机也能打开。

## 它怎么工作

* 每个 Agent 会话配一个标准的 Show Page。
* agent 把一个小网页（React/Vite）写进你机器上、按会话隔离的本地目录里。
* Avibe 用一个托管运行时把它服务出来，给你一个 URL，通过同一条 [`vibe remote`](/zh/concepts/remote-ui) 隧道从任何地方都能打开。
* agent 编辑时页面会热更新，你看到的始终是最新的。
* 可见性由你定：保持 **私有**、需要时 **发布** 一个可分享链接（还能把这个公开链接的后缀改成好记的自定义名字，比如 `/p/q3-roadmap/`，而不是一串随机字符），或者 **下线**。

## agent 能做出什么

Show Page 是个真正的前端，所以 agent 会按需挑趁手的工具：

* 流程图、架构图（Mermaid），思维导图（Markmap），节点图（React Flow）。
* 图表和指标仪表盘。
* 并排对比、diff、决策表。
* 小的交互讲解和可点击原型。

## 什么时候有用

* 一个计划、架构或迁移，画成图比一墙文字更清楚。
* 一个想细看、而不是划过去的指标仪表盘或对比。
* 一份与其从头读到尾、不如点着看的评审或报告。

## 固定到 Dock

Show Page 其实就是 agent 为你做的一个 app，所以你可以像对待 app 一样把它留下来。在 [Workbench](/zh/concepts/workbench) 里，打开你设置可见性的那组控件，打开 **固定到 Dock**：页面就加入你的 [应用](/zh/concepts/apps-dock)，有了自己的图标，并在一个窗口里打开——你可以移动、缩放它，让它挨着聊天一直开着。固定和可见性互不相干——保持私有的页面照样能固定——它既不会发布、也不会删除任何东西。

从这里开始，它的行为和其他 app 一样：重新排序或取消固定、用 ⌘K 或键盘快捷键打开、给它配个图标、在手机上访问它。完整说明见 [应用与 Dock](/zh/concepts/apps-dock)。

## 指着你看到的东西

Show Page 不是单向的。打开 **标注**，你就能在页面上直接点一个元素、框一块区域，或者在截图上标注，加上一句话发给 agent——而 agent 可以**在页面上**回答，就钉在你指的东西旁边。完整的闭环（含公开链接的权限）见 [标注 Show Page](/zh/concepts/annotating-show-pages)。

## 你直接说就行

你不用手动去「调用」Show Pages。说出你想要的结果——「把请求流程画给我」「把几个方案列成对比表」「把迁移做成清单」——agent 自己判断「画出来比写一段强」，做好页面，把链接发你。这跟 [约束本身就是特性](/zh/concepts/philosophy) 是同一个念头：文字讲不清的时候，就展示出来。

页面就在你的机器上；avibe.bot 只负责那条隧道。