An agent skill for the Open Standard for Generative UI

OpenUI, anywhere
your code already lives.

Complement to the canonical thesysdev/openui skill — which targets a Next.js + OpenAI default scaffold. This one is built for everything else: existing projects, non-JavaScript backends, alternate providers, and IDEs beyond Claude Code.

OpenUI Forge handles the parts the official scaffolder does not: adding OpenUI to existing projects, non-JavaScript backend templates, and any LLM provider via the direct SDK or any OpenAI-compatible endpoint (Gemini, OpenRouter, xAI, DeepSeek) through OPENAI_BASE_URL. Skill content mirrors identically across eleven agent platforms.

12 backend stacks OpenAI · Anthropic · LangChain · Vercel AI · Python · Go · Rust · C# · Java · Ruby · PHP · Elixir
11 agent platforms Claude Code · Cursor · Codex CLI · Gemini CLI · Kiro · Continue · Factory · OpenCode · Pi · Mastra · CodeBuddy
14 installable skill variants Core skill plus twelve stack-specific variants plus Chinese localisation
01 open standard OpenUI Lang, the line-oriented streaming DSL that LLMs emit instead of JSON or HTML

The twelve supported stacks.

Each row is the verified, source-of-truth pattern for that stack's adapter pairing. Pick by the language your existing backend speaks.

Stack	Language	Backend stream	Frontend `streamProtocol`
OpenAI SDK	TypeScript	NDJSON via `response.toReadableStream()`	`openAIReadableStreamAdapter()`
Anthropic SDK	TypeScript	SSE (events converted)	`openAIAdapter()`
LangChain · LangGraph	TypeScript	SSE (chunks converted)	`openAIAdapter()` · `langGraphAdapter()`
Vercel AI SDK	TypeScript	Native UI message stream	native `processMessage`
Python · FastAPI	Python	SSE	`openAIAdapter()`
Go · net/http	Go	SSE passthrough	`openAIAdapter()`
Rust · Axum	Rust	SSE via Axum `Sse<…>`	`openAIAdapter()`
C# · ASP.NET Core	C#	SSE passthrough	`openAIAdapter()`
Java · Spring WebFlux	Java	SSE	`openAIAdapter()`
Ruby · Rails	Ruby	SSE passthrough	`openAIAdapter()`
PHP · Laravel	PHP	SSE passthrough	`openAIAdapter()`
Elixir · Phoenix	Elixir	SSE passthrough	`openAIAdapter()`

One rule: match the adapter to the backend body. SSE pairs with openAIAdapter(); NDJSON pairs with openAIReadableStreamAdapter(). Mismatched pairs render nothing.

Why this exists.

The official scaffold is excellent and singular. This is what fills the surrounding ground — the things the canonical CLI deliberately does not do.

Existing projects, not greenfield.

The canonical CLI is npx @openuidev/cli create: it scaffolds a fresh Next.js + OpenAI app. openui-forge adds OpenUI to projects that already exist, in any framework, with any backend already in place.

Non-JavaScript backends.

Python FastAPI, Go net/http, Rust Axum, plus C# ASP.NET Core, Java Spring, Ruby Rails, PHP Laravel, and Elixir Phoenix. Each handler ships the OpenAI-compatible SSE format the renderer expects, with adapter pairings verified against canonical source.

Any provider via `OPENAI_BASE_URL`.

The OpenAI stack code path also routes Gemini, OpenRouter, xAI, DeepSeek, and any other OpenAI-compatible endpoint. One env var. Models are env-overridable (OPENAI_MODEL, ANTHROPIC_MODEL).

Eleven agent platforms.

Skill content mirrors to Claude Code, Cursor, Codex CLI, Gemini CLI, Kiro, Continue, Factory, OpenCode, Pi, Mastra, and CodeBuddy via the project's sync script. Install once on whichever IDE you live in.

Six slash commands.

The skill installs each as a Claude Code (or equivalent) slash command. Each one is a focused, deterministic step in the OpenUI lifecycle.

/openui: Smart detection. Reads the project state, recommends the next move.
/openui:scaffold: Adds OpenUI to an existing project, or scaffolds a new one via the official CLI.
/openui:component: Creates a new component with a Zod schema and a React renderer.
/openui:integrate: Wires the LLM backend for the detected stack. Handles adapter, format, and headers.
/openui:prompt: Generates or regenerates the system prompt from the component library.
/openui:validate: Ten-check validation pipeline: deps, library, prompt, route, page, CSS, adapter, CORS, and more.

Install.

One command per stack. The full skill bundles everything; the variants are useful when you want only the surface you ship against.

# Full skill (all stacks)
npx skills add OthmanAdi/openui-forge --skill openui-forge             -g

# Stack-specific variants
npx skills add OthmanAdi/openui-forge --skill openui-forge-openai      -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-anthropic   -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-langchain   -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-vercel      -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-python      -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-go          -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-rust        -g

# Additional backend languages
npx skills add OthmanAdi/openui-forge --skill openui-forge-csharp      -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-java        -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-ruby        -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-php         -g
npx skills add OthmanAdi/openui-forge --skill openui-forge-elixir      -g

# Chinese localisation
npx skills add OthmanAdi/openui-forge --skill openui-forge-zh          -g