JIntelligent architecture · json-render
从结构描述到生产界面
点击任意架构模块,查看它在系统中的职责与边界。
Schema 规定语法、Catalog 限定可用能力;Spec 由手写、仓库存储或 AI 生成。
A · 定义与约束官方能力
定义与约束
渲染时读取
Renderer 合成
这是 English Studio 的工程组织方式:复用 json-render 核心,不新增第二套页面协议。
01 · Design System统一的视觉基础,不属于 json-render 原生概念
Primitive色板 · 字号 · 间距阶梯
Semantictext-primary · surface
Componentbutton-height-md
同一套 Tokens 供所有组件使用
02 · Component System组件实现是源代码资产
契约与映射
03 · Declarative Contract统一可验证的组件与页面描述
页面描述 ↔ 类型化业务接口
04 · Page Composition & Business Boundary声明式界面 ≠ 业务流程代码
同一个 React Runtime
真正可复用的不是截图,而是同一份 Spec、UI Package 和 State / Action 契约。
同一份 UI · 两个适配实现
Sketch Workbench
设计 · 预览 · 验证
macOS Application
真实数据 · 业务执行
Inspired by the OpenIntelligentUI interaction pattern: neutral paper, restrained accents, clickable cards, and explicit implementation boundaries.