shadcn/ui

Integration overview

How it connects to OpenUI

Each shadcn component is registered with defineComponent and a Zod prop schema. createLibrary produces both the prompt vocabulary and the renderer mapping used by the example chat app.

The integration path

1. 1

   Describe the interface

   Generate a component prompt from the same OpenUI library that will render the response.

2. 2

   Stream structured output

   Let shadcn/ui own its part of the stack while OpenUI Lang travels as incremental text or mapped agent events.

3. 3

   Render and interact

   Parse the stream with the matching OpenUI runtime, render real components, and return validated actions to the application.

What stays consistent