Show Pages

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

​

它怎么工作

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

​

agent 能做出什么

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

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

​

什么时候有用

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

​

固定到 Dock

Show Page 其实就是 agent 为你做的一个 app，所以你可以像对待 app 一样把它留下来。在 Workbench 里，打开你设置可见性的那组控件，打开 固定到 Dock：页面就加入你的 应用，有了自己的图标，并在一个窗口里打开——你可以移动、缩放它，让它挨着聊天一直开着。固定和可见性互不相干——保持私有的页面照样能固定——它既不会发布、也不会删除任何东西。 从这里开始，它的行为和其他 app 一样：重新排序或取消固定、用 ⌘K 或键盘快捷键打开、给它配个图标、在手机上访问它。完整说明见 应用与 Dock。

​

指着你看到的东西

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

​

你直接说就行

你不用手动去「调用」Show Pages。说出你想要的结果——「把请求流程画给我」「把几个方案列成对比表」「把迁移做成清单」——agent 自己判断「画出来比写一段强」，做好页面，把链接发你。这跟 约束本身就是特性 是同一个念头：文字讲不清的时候，就展示出来。 页面就在你的机器上；avibe.bot 只负责那条隧道。