Vercel has open‑sourced json‑render, a framework it calls "Generative UI" that lets AI models produce structured user interfaces from natural language prompts. The library uses Zod schemas to define a catalog of allowed components and actions, and an LLM generates a JSON specification that the renderer maps to real implementations. json‑render supports React, Vue, Svelte, Solid, React Native and more, and ships with 36 pre‑built shadcn/ui components. The project has already garnered 13,000 stars and 200 releases, and has sparked discussion on the future of constraint‑based UI generation and the role of AI in the rendering layer.
This article details the author's insights into AI function calling, its challenges, and the Agentica framework developed to address them, emphasizing the importance of JSON schema understanding, compiler support, and a document-driven approach.
Creating a JSON Schema for existing YAML values
We can infer a schema from existing YAML values and use it as a starting point when writing a new schema. The steps are:
Convert your values YAML file to JSON on https://www.json2yaml.com/
Paste the JSON on https://www.jsonschema.net/ and click on "Infer Schema"
Paste the schema into the values.schema.json file
W
We can infer a schema from existing YAML values and use it as a starting point when writing a new schema. The steps are:
Convert your values YAML file to JSON on https://www.json2yaml.com/
Paste the JSON on https://www.jsonschema.net/ and click on "Infer Schema"
Paste the schema into the values.schema.json file
W
