OpenUI

OpenUI is a full-stack Generative UI framework centered on OpenUI Lang, a compact, streaming-first language for model-generated UI. Do not treat OpenUI as React-only: the core language, parser, prompt generation, runtime evaluation, and types live in @openuidev/lang-core; React, Vue, Svelte, and no-build browser integrations sit on top of that core.

Work from the user's app or project first. Inspect installed packages, generated templates, and lockfiles before giving API advice. When installed source is missing or the task targets latest, use only first-party OpenUI sources: the GitHub repo at https://github.com/thesysdev/openui and docs at https://www.openui.com.

OpenUI Gateway provides hosted model access and OpenUI Lang correction, OpenUI Observability monitors production errors, and Agent Interface provides the React chat UI.

The Agent Interface guide covers the chat shell, backend connections, message rendering, customization, and navigation. Agent Interface includes an artifact workspace: an application tool produces content and an application-provided renderer displays it. Follow the dedicated artifact guide for tool results, custom views, edits, and storage.

First Checks Before Answering

Inspect the user's project package.json and lockfile when available.
Identify which @openuidev/* packages and versions are installed.
Prefer installed package exports and generated templates over assumptions.
Use installed node_modules/@openuidev/*, .d.ts files, and generated files as the source of truth when available.
If no app or installed package exists, use first-party docs and GitHub source.

Do not use this skill for general React UI questions, generic design system advice, unrelated AI agent harnesses, or general frontend debugging unless OpenUI or @openuidev packages are involved.