From 7afde3cb47308832aa05e61fa01c0514e91819ef Mon Sep 17 00:00:00 2001
From: AliaksandrNazaruk <noreply@github.com>
Date: Thu, 26 Mar 2026 15:51:12 +0100
Subject: [PATCH] feat(cli): prompt for OpenAI API key in interactive mode

When running create-chat-app interactively, prompt the user for their
OpenAI API key, create the .env file automatically, and simplify the
getting-started instructions. In non-interactive mode, the behavior
remains unchanged.

Closes thesysdev/openui#399
---
 .../src/commands/create-chat-app.ts           | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/openui-cli/src/commands/create-chat-app.ts b/packages/openui-cli/src/commands/create-chat-app.ts
index 6d9f5237d..68c443116 100644
--- a/packages/openui-cli/src/commands/create-chat-app.ts
+++ b/packages/openui-cli/src/commands/create-chat-app.ts
@@ -102,7 +102,33 @@ export async function runCreateChatApp(options: CreateChatAppOptions): Promise<v
           ? "bun"
           : "npm";
 
-  console.info(getStartedMessage(name, devCmd));
+  if (!options.noInteractive) {
+    const apiKeyArgs = await resolveArgs(
+      {
+        openaiApiKey: {
+          prompt: {
+            type: "input",
+            message: "Enter your OpenAI API key (leave blank to skip):",
+          },
+          required: true,
+        },
+      },
+      true,
+    );
+
+    const apiKey = (apiKeyArgs as { openaiApiKey: string }).openaiApiKey.trim();
+
+    if (apiKey) {
+      const envPath = path.join(targetDir, ".env");
+      fs.writeFileSync(envPath, `OPENAI_API_KEY=${apiKey}\n`);
+      console.info("\n✅ .env file created with your API key.\n");
+      console.info(`Get started:\n\ncd ${name}\n${devCmd} run dev\n`);
+    } else {
+      console.info(getStartedMessage(name, devCmd));
+    }
+  } else {
+    console.info(getStartedMessage(name, devCmd));
+  }
 }
 
 const getStartedMessage = (name: string, devCmd: string) =>