json-render 是 Vercel Labs 发布的生成式 UI 框架：由 AI 生成 JSON 界面描述，并限制在开发者定义的组件目录内，再由各平台渲染器渲染。
项目做什么
项目的目标是让 AI 依据自然语言提示生成动态、个性化的界面，同时不牺牲可靠性：开发者先用 defineCatalog 与 Zod 等 schema 定义可用组件与动作，AI 只能在这个目录范围内组合，产出的 JSON 需通过校验，再交给 Renderer 渲染。README 显示它同时覆盖 Web 前端、移动端、视频、PDF、邮件、图像、3D、终端和 Next.js 全应用等多种输出目标，并以 root 加 elements 的扁平结构描述界面树。
与同类方案相比
README 主张的优点是受护栏约束、输出可预测、可随模型响应流式渐进渲染、同一 catalog 跨 React、Vue、Svelte、Solid、React Native 复用，并内置 36 个 shadcn/ui 组件、25 个以上 React Native 标准组件和 20 个 Three.js 组件。这些均属项目自述，README 没有给出可验证的性能数据或与其他方案的对比，因此速度与可靠性方面的优势尚无法独立核实。
设计与创新
较有特点的设计是以组件目录加 schema 作为生成边界，并把同一份 catalog 映射到多种渲染器，覆盖 UI、PDF、邮件、图像、视频时间线、3D 场景、终端界面乃至带路由与 SSR 的 Next.js 应用；此外还提供 directives 指令集、YAML 传输格式、多种状态库适配器、devtools 与 MCP 集成。README 未提供与同类生成式 UI 方案的对比，因此创新程度只能视为项目自述，无法验证其首创性。
适用场景
README 示例指向的场景包括：用 AI 生成仪表盘与内部工具界面、表单与卡片等 Web 组件组合、React Native 移动界面、基于 shadcn/ui 的页面、Remotion 时间线驱动的视频、React PDF 生成的发票等文档、React Email 生成的 HTML 邮件、借助 Satori 输出 OG 图与社交卡片、Three.js 3D 场景与高斯泼溅、Ink 终端交互界面，以及带路由、布局、SSR 和元数据的完整 Next.js 或 TanStack Start 应用。
谁会受益
对希望在受控范围内引入生成式界面的团队而言，该项目提供了现成的 schema 定义、组件注册表、流式渲染与多端渲染器，可以减少自行设计 JSON 协议、校验与渲染层的工作量，内置组件也能加快原型搭建。它把 AI 提示、目录、状态适配与 devtools 等周边一并打包，便于在同一套目录上尝试不同框架或输出格式。不过 README 未提供落地案例、基准测试或稳定性说明，实际收益需要用具体项目验证。
使用前需要注意
README 是主要信息来源且末尾 Next.js 示例被截断，缺少性能基准、包体积、浏览器与框架版本兼容矩阵、各包版本稳定性、错误处理与安全边界说明；许可证只在徽章中标注为 Apache-2.0，正文未展开。生成质量依赖所选模型与 catalog 设计，跨平台渲染结果是否一致、流式渲染的容错能力以及与其他方案的差异均无法从现有材料验证。
本文基于抓取时的项目 README 和仓库简介整理；功能、限制与文档可能随项目更新而变化。