vercel-labs/json-render

它是什么

json-render 是 Vercel Labs 推出的生成式 UI 框架，用 JSON 描述界面结构，由渲染引擎实时转成 React 组件。它把「AI 生成 UI」从概念变成了可落地的工程方案。

核心亮点

• JSON 即界面：模型只需输出结构化 JSON，无需生成脆弱的 JSX 代码
• 流式渲染：支持边生成边渲染，适配 LLM 逐 token 输出的特性
• 组件白名单：开发者控制可用组件与 schema，兼顾灵活性与安全性
• TypeScript 编写，类型完备，与 React 生态无缝衔接

为什么火

AI Agent 输出 UI 是当前最热的方向之一，但直接让模型写代码既不稳定也难约束。json-render 用 JSON 这层中间抽象解决了可控性问题，加上 Vercel 的品牌背书，一天涨 300+ star 并不意外。

适合谁用

做 AI 应用、Copilot、低代码平台的前端与全栈工程师；需要让模型动态生成界面又不想牺牲可控性的团队。

快速上手

npm install @vercel-labs/json-render

定义组件注册表后，把模型返回的 JSON 传给渲染器即可。仓库 README 提供了完整示例。