.svg?fit=max&auto=format&n=LzQ8KQMy251LcDBV&q=85&s=eb11cec78798c46ce07564be60eadc82)
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.Documentation Index
Fetch the complete documentation index at: https://docs-staging.skybridge.tech/llms.txt
Use this file to discover all available pages before exploring further.
Links
Try the demo
Launch the live view experience.
View source on GitHub
Browse the full example code.
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
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