← 回總覽

Vercel 发布 JSON-Render：一个用于 AI 驱动界面组合的生成式 UI 框架

📅 2026-03-26 22:56 Daniel Curtis 人工智能 1 分鐘 1094 字 評分: 86
生成式 UI Vercel LLM JSON-Render Zod
📌 一句话摘要 Vercel 开源了 json-render，这是一个生成式 UI 框架，使 LLM 能够使用 Zod 约束的 JSON 模式创建结构化、类型安全的各种用户界面。 📝 详细摘要 Vercel 的新框架 json-render 引入了一种生成式 UI 方法，AI 模型基于预定义的组件目录和 Zod 模式生成用户界面的 JSON 规范。这种方法确保了 AI 生成的 UI 保持在安全、功能性的边界内，同时允许在 React、Vue 和 React Native 等多个平台上进行实时流式传输和渲染。本文重点介绍了该框架与 shadcn/ui 的集成、与 Google A2UI 协议

📌 一句话摘要

Vercel 开源了 json-render，这是一个生成式 UI 框架，使 LLM 能够使用 Zod 约束的 JSON 模式创建结构化、类型安全的各种用户界面。

📝 详细摘要

Vercel 的新框架 json-render 引入了一种生成式 UI 方法，AI 模型基于预定义的组件目录和 Zod 模式生成用户界面的 JSON 规范。这种方法确保了 AI 生成的 UI 保持在安全、功能性的边界内，同时允许在 React、Vue 和 React Native 等多个平台上进行实时流式传输和渲染。本文重点介绍了该框架与 shadcn/ui 的集成、与 Google A2UI 协议的对比，以及社区关于其必要性与 OpenAPI 等现有数据标准之间差异的讨论。

💡 主要观点

- 通过受限 JSON 树实现生成式 UI 该框架使用 Zod 模式来定义允许使用的组件目录，强制 LLM 生成结构化的 JSON，而不是不可预测的原始代码。

广泛的生态系统和渲染器支持 它支持包括 React、Vue 和 Svelte 在内的主要框架，并扩展到 PDF 生成、3D 场景和 HTML 邮件等专业输出。
通过抽象和约束实现安全性 通过充当 LLM 和 UI 之间的中间层，它在保持对界面严格控制的同时，防止了恶意脚本的生成。
与 Google A2UI 协议的对比 虽然 json-render 是一个用于特定应用 UI 组合的工具，但 Google 的 A2UI 被定位为一种更广泛的跨智能体互操作性协议。

💬 文章金句

- 将 AI 直接接入渲染层。

  • 这增加了一层约束和控制，防止 LLM 生成例如恶意的 React JS 代码。
  • 这种转变是真实的……这只是将界限进一步推向了运行时组合，而不是构建时创作。

📊 文章信息

AI 评分：86

来源：InfoQ

作者：Daniel Curtis

分类：人工智能

语言：英文

阅读时间：2 分钟

字数：499

标签： 生成式 UI, Vercel, LLM, JSON-Render, Zod

阅读完整文章

查看原文 → 發佈: 2026-03-26 22:56:00 收錄: 2026-03-27 00:00:21

🤖 問 AI

針對這篇文章提問，AI 會根據文章內容回答。按 Ctrl+Enter 送出。