今日热点作为开发者，我们通常在终端用户界面（TUI）和以文本为主的环境中工作。虽然文本界面非常适合日常开发，但它们并不总能以易于理解的方式传达复杂的架构关系或数据内容。
借助 Google Antigravity 中的生成式 UI（Generative UI）和可视化工具，Agent 现在可以实时创建、渲染并迭代丰富的视觉组件、动态仪表盘、交互式产物以及设计原型图。
interactive-demo
Help me visualize the dependencies in my project.
Try prompt:
Click prompt or send button to run generative UI simulation
交互式模拟：实际产品中的外观和布局可能会略有不同。
Antigravity 中的可视化
使用可视化技术可以帮助我们以纯文本无法企及的方式呈现并理解数据。例如，在折线图中查看时间序列数据，能帮助我们一眼发现仅靠浏览数值表格很容易错过的趋势与规律。
凭借这种传递信息的新方式，我们能够对代码乃至整个代码库做出更明智、更准确的决策。当我们能够直接在 Agent 管理器中获得数据的可视化呈现时，也大幅减少了在不同屏幕之间切换上下文的频率。
Antigravity 中生成式 UI (Generative UI) 的核心能力
交互式视觉产物
Antigravity Agent 可以生成丰富的视觉产物——从交互式 HTML/CSS/JS 组件到实时动态图表与架构图。你无需凭空想象某个组件的外观，而是可以直接在产物预览面板中与之交互。
零依赖可视化
在 Antigravity 中使用生成式可视化功能，可让 Agent 生成零依赖的可视化结果。所有可视化内容直接在你的本地机器上渲染，无需下载额外的软件包或依赖项，并且支持离线运行，因此你可以将产物导出并在日后随时加载查看。
复杂数据可视化
Antigravity Agent 可以创建帮助我们观察和理解复杂数据的可视化图表。我们深知表格数据有时难以直观消化，因此我们致力于让 Agent 能够创建易于理解且便于交互的数据可视化视图。
如何开始使用
按照以下步骤，在你自己的项目中探索生成式可视化功能：
- 在 Antigravity 中打开你的项目。
- 让你的 Agent 构建一个组件原型或可视化展示数据流（例如：“帮我可视化展示项目中的依赖关系”）。你也可以使用 /generative_ui 命令来创建新的可视化内容。
- 查看生成的产物预览，点击以检查各个元素，你甚至可以使用侧边面板和产物查看器将该产物导出为独立的 HTML 文件。
请查看我们的文档，进一步了解产物（Artifacts）和视觉 Agent 工作流：