← ClaudeAtlas

openui-forge-openailisted

OpenUI generative UI with OpenAI SDK backend. Streaming chat completions with gpt-5.5 (or any current OpenAI-compatible model).
OthmanAdi/openui-forge · ★ 22 · AI & Automation · score 79
Install: claude install-skill OthmanAdi/openui-forge
# OpenUI Forge — OpenAI Build generative UI apps with OpenUI + OpenAI SDK. One backend, one adapter, streaming out of the box. ## Activation Triggers - "openui openai", "openui gpt", "openui chatgpt" - "generative ui openai", "openai streaming ui" ## Prerequisites - Node.js >= 22 (24 LTS recommended), React >= 18.3.1 (19+ recommended) - `OPENAI_API_KEY` environment variable set - Optional: `OPENAI_BASE_URL` to route via an OpenAI-compatible provider (Gemini, OpenRouter, xAI, DeepSeek, etc.) without code changes. `OPENAI_BASE_URL` is the correct env var; the legacy `OPENAI_API_BASE` was removed in openai v6. See [Provider Routing](#provider-routing) below. - Optional: `OPENAI_MODEL` to pin a specific model (defaults to `gpt-5.5`) - Next.js project (App Router recommended) ## Provider Routing This is the OpenAI-compatible variant: the same `OpenAI` client and `chat.completions.create` code talks to any provider below by setting `OPENAI_BASE_URL` (and `OPENAI_MODEL`). No code changes. `OPENAI_BASE_URL` is the correct env var; the old `OPENAI_API_BASE` was removed in openai v6. | Provider | `OPENAI_BASE_URL` | Example `OPENAI_MODEL` | |----------|-------------------|------------------------| | Gemini | `https://generativelanguage.googleapis.com/v1beta/openai/` | `gemini-3.5-flash` | | OpenRouter | `https://openrouter.ai/api/v1` | `anthropic/claude-opus-4.7` | | xAI (Grok) | `https://api.x.ai/v1` | `grok-4.3` | | DeepSeek | `https://api.deepseek.com` | `deepseek-v4-pro` |