3个月1.3万星，Vercel把AI塞进渲染层，开发者吵翻了

Vercel 开源了 json-render，一个被官方称为"生成式 UI"的框架。它的逻辑很简单：让 AI 根据自然语言提示，直接吐出结构化的用户界面。项目走 Apache 2.0 协议，GitHub 上跑了 200 个版本，自 2026 年 1 月上线至今攒了超过 13000 个星。目前 React、Vue、Svelte、Solid、React Native 这些主流框架都能接。

这套机制的核心是"画地为牢"。开发者先用 Zod schema 圈定可用的组件和操作范围，LLM 只能在这个圈子里生成 JSON 规范。模型一边流式输出，框架一边实时渲染。Vercel CEO Guillermo Rauch 把这叫做"把 AI 直接嵌进渲染层"，评价其"极具颠覆性"。

AI 产出的是一棵扁平 JSON 树，节点都是目录里登记过的类型化元素，再由 Renderer 组件映射到真实实现。开箱自带 36 个 shadcn/ui 组件，想玩花的还有扩展包：PDF、邮件、Remotion 视频、OG 图、甚至 React Three Fiber 的 3D 场景。

Hacker News 上的讨论两极分化。有人觉得这像是给 AI 开了个"四代语言"（4GL）的后门，做表单顺手多了；也有人拿它搭文本转仪表板，反馈比"结构化输出 API + GPT-4"那套更能打。

质疑声同样响亮。有用户不解：OpenAPI、JSON Schema 现成的不用，Vercel 何必再造轮子？底下有人回得干脆——那些是描述数据的，这是描述界面的。最接近的替代方案是让 LLM 直接吐 React 代码，但 json-render 多了一层约束，能防 AI 手滑写出恶意代码。

Reddit 上一位开发者的观察更长远："这种转变早就开始了。设计令牌、组件库、Storybook 配置，我们一直在往约束系统走。json-render 只是把边界从构建时推到了运行时。"

竞品也不是没有。谷歌 2025 年底低调发了 A2UI（Agent-to-User Interface）。Medium 上有篇对比写得很细：两者都是"AI → JSON → 组件目录 → UI"的管道，但 json-render 是绑死特定应用组件集的"工具"，A2UI 想做的是跨代理互通的"协议"。

项目由 Vercel Labs 维护，TypeScript 写的，pnpm 托管的 monorepo，npm 上搜 @json-render 就能装。文档带了快速入门、在线 playground，以及每个渲染器的跑通示例。

一位从文本搭仪表板的用户留下的反馈，或许最能说明这东西的当下价值："比我想象中可控，也比我想象中需要更多调试。"