json-render：用受约束的 JSON 安全生成多平台界面
一分钟看懂
json-render 是生成式 UI 框架。开发者先定义允许使用的组件、属性和动作目录，模型只生成符合模式的 JSON 界面规格，再由应用渲染，从而避免让模型直接输出并执行任意界面代码。
你可以用它做什么
- 根据自然语言动态生成仪表盘、表单和内容界面。
- 让同一套结构化规格渲染到 Web、移动端、视频、PDF 或邮件。
- 为模型可用的组件和动作设置明确白名单与类型约束。
- 流式接收模型输出并逐步展示生成结果。
主要能力
- 通过组件目录、Schema 与注册表约束生成内容。
- 支持 React、Vue、Svelte、Solid、React Native 和 Next.js。
- 提供 shadcn/ui 预制组件，并覆盖 Remotion、React PDF、React Email、终端和三维场景等渲染器。
- 支持动态属性、状态、动作、流式规格和开发调试工具。
适合哪些人
适合希望构建生成式界面，同时保留组件设计系统、类型检查和行为边界的前端及 AI 应用开发团队。
怎么开始使用
根据目标框架安装 @json-render/core 与对应渲染包，先定义组件目录和 Zod 属性模式，再注册真实组件，最后把模型生成的规格交给 Renderer。建议从少量无副作用组件开始，逐步增加动作。
使用前需要知道
结构化模式能限制组件种类和参数，但不能自动保证业务授权、数据安全或动作无风险；涉及写入、支付和外部调用时仍需服务端校验与人工确认。不同渲染器的功能覆盖可能不同，应分别测试。项目采用 Apache-2.0 许可证。