Generative UI - Skybridge

Generative UI lets the LLM compose rich interfaces on the fly using json-render and 36 pre-built shadcn/ui components. The AI generates a json-render spec, the server validates it against the component catalog, and the view renders it instantly.

How it works

The MCP server builds a json-render catalog from @json-render/shadcn and embeds the auto-generated component documentation in the render tool description. When the LLM calls the tool, it passes a { root, elements } spec as input. The server validates the spec against the catalog, auto-fixes common mistakes, and returns it to the view as structured content. The view renders the spec with @json-render/react’s Renderer and JSONUIProvider, using the pre-built shadcn component registry.

Skybridge APIs used

useToolInfo

Third-party integrations

@json-render/core — catalog, validation, prompt generation
@json-render/react — Renderer, JSONUIProvider, defineRegistry
@json-render/shadcn — 36 pre-built shadcn/ui components

​How it works

​Skybridge APIs used

​Third-party integrations

How it works

Skybridge APIs used

Third-party integrations