a2ui-vueVue 3 Renderer for A2UI Protocol

让 AI Agent 只用结构化 JSON 消息，就能在你的 Vue 应用中直接渲染丰富、可交互的用户界面

Agent-to-UI 协议

基于 A2UI 开放协议，AI Agent 通过结构化 JSON 消息描述 UI 意图，无需关心前端实现细节。

使用 Composition API 与 <script setup>，完整 TypeScript 类型支持，与 Vue 生态无缝集成。

内置布局、内容、媒体、输入等 20+ 个开箱即用的组件，支持自定义 Catalog 扩展。

内建 defaultTheme，支持通过 provideA2UI 注入自定义主题，轻松适配产品设计规范。

ESM / CJS 双格式发布，仅需三行代码即可在任意 Vue 应用中接入 A2UI 渲染能力。

包含 Vue Renderer、Web Core、Node.js Agent SDK 及多个全功能 Demo 应用。

本项目为 A2UI 协议带来完整的 Vue 3 支持——基于 Vue 3 Composition API 实现全新的 Vue 3 渲染器，并提供多个配套示例应用，与Google官方现有的 Angular 及 Lit 实现保持一致的协议规范与组件体验，具体请观看示例视频或下载体验。

Quick Start

安装依赖，在入口文件注入配置，即可开始渲染 Agent 推送的界面。

bash

npm install a2ui-vue

// main.ts
import { provideA2UI, DEFAULT_CATALOG, defaultTheme } from 'a2ui-vue'

provideA2UI({ app, catalog: DEFAULT_CATALOG, theme: defaultTheme })

查看完整指南，或者直接在 Playground 中体验 A2UI JSON 实时渲染。