json-render

json-render 是由 Vercel Labs 开发的一个生成式 UI 框架，使 AI 能够根据自然语言提示生成动态、个性化的用户界面。它将 AI 输出限制在预定义的组件和操作目录中，确保安全、可预测且符合模式匹配的 JSON 输出。 主要功能包括： - 跨平台渲染：支持从同一组件目录渲染 React、Vue、Svelte、SolidJS、React Native 和终端 UI（Ink）。 - 多目标输出：除了 Web 和移动 UI 外，还可以生成完整的 Next.js 或 TanStack Start 应用、视频（Remotion）、PDF 文档、HTML 电子邮件、图像（SVG/PNG）和 3D 场景（React Three Fiber）。 - 流式传输：使用 SpecStream 实用程序，在 AI 模型响应时逐步流式传输并渲染 UI 规范。 - 动态属性与状态：支持条件可见性、动态属性表达式、状态监视器以及内置操作（如 setState）。包含 Redux、Zustand、Jotai 和 XState 的适配器。 - 开箱即用：提供 36 个预构建的 shadcn/ui 组件和标准移动组件。 - 开发者工具：为 React、Vue、Svelte 和 Solid 提供可拖入的检查器面板，包含规范树、状态编辑器、操作日志和目录浏览器。 - 集成：包含用于 Claude、ChatGPT、Cursor 和 VS Code 的 MCP（模型上下文协议）集成，以及 YAML 线格式。