@genex-ai/cli-demo 0.1.2 → 0.3.0

package/README.md

@@ -4,10 +4,21 @@ Set up your `~/.claude` workspace, authorize, create a game project, and publish
 This is the `cli` app of the [genex monorepo](../../README.md).
 
 ```bash
-genex init <name>     # authorize + create the draft project
-genex publish         # push the built game + list it in the gallery
+genex init <name>          # authorize + create the draft project
+genex preview              # build + push to the hosted draft URL (unlisted)
+genex publish              # build + push, then list the game in the gallery
+genex model "<prompt>"     # generate a 3D model  → assets/models/
+genex skybox "<prompt>"    # generate a 360° sky  → assets/skybox/
+genex sfx "<prompt>"       # generate a sound fx  → assets/sfx/
+genex texture "<prompt>"   # generate a texture   → assets/textures/
 ```
 
+> **Invoking it.** First-time setup runs via `npx @genex-ai/cli-demo@latest init`.
+> The scaffold then adds `@genex-ai/cli-demo` as a project dev dependency, so the
+> rest run as **`npx genex <cmd>`** from the project dir (resolving to this CLI,
+> never a different global `genex`). `genex <cmd>` works too if you install it
+> globally. The bare command forms below name the command; prefix with `npx` to run.
+
 `genex init` does four things:
 
 1. **Scaffolds your workspace** — copies the bundled templates (skills, agents,
@@ -23,14 +34,49 @@ genex publish         # push the built game + list it in the gallery
    `sshUrl`, urls) in `./.genex/project.json`. The game shows up in your
    dashboard's **My games** immediately.
 
-`genex publish` reads that metadata, pushes the built game to GitHub over the
-deploy key (best-effort — `index.html` must be at the repo root), then flips the
-project to **published** so it appears in the public gallery. `git push` (updates
-the live Pages site) and the gallery flag are independent; `--no-push` skips the
-push. Defaults: API `https://demo-api.glotech.world`, auth site
+`genex preview` and `genex publish` share a build-aware deploy core: each runs
+`npm run build` (when the project has a build script), then pushes the built
+`dist/` **as the repo root** over the deploy key — no copying files or swapping
+`index.html` by hand. A `.nojekyll` marker is written so GitHub Pages serves the
+bundle verbatim, and the deploy never stages `genex_key` (the private key can't
+leak). Pass `--no-build` to deploy whatever is already built.
+
+- **`genex preview`** pushes the current build to the project's hosted draft URL
+  (`https://<user>.github.io/<slug>/`) without listing it publicly — re-run it
+  after each change to update the shareable draft.
+- **`genex publish`** does the same deploy, then flips the project to
+  **published** so it appears in the public gallery. The deploy and the gallery
+  flag are independent; `--no-push` flips the flag only.
+
+Defaults: API `https://demo-api.glotech.world`, auth site
 `https://demo-web.glotech.world` — override with `--api-url` / `--auth-url` (or
 `GENEX_API_URL` / `GENEX_AUTH_URL`) for local dev.
 
+## Generating assets
+
+`genex model | skybox | sfx | texture "<prompt>"` turn a prompt into a real,
+game-ready asset and download it into the project's `./assets/<kind>/` folder. The
+command blocks until the asset is ready (poll loop), then writes the file(s):
+
+| Command | Provider | Writes |
+| --- | --- | --- |
+| `genex model "<prompt>"` | Tripo | `assets/models/<slug>.glb` |
+| `genex skybox "<prompt>"` | Blockade Labs | `assets/skybox/<slug>.jpg` |
+| `genex sfx "<prompt>" [--duration <s>]` | ElevenLabs | `assets/sfx/<slug>.mp3` |
+| `genex texture "<prompt>" [--terrain]` | Gemini | `assets/textures/<slug>/basecolor.<ext>` |
+
+Because the file lands in the project and `genex publish` commits the whole working
+directory, generated assets **ship inside the published GitHub Pages build** — load
+them by **relative** path (`./assets/...`) and players get them from the same origin
+(no CORS, no runtime dependency on this API). Each kind has a scaffolded
+`genex-ai-<kind>` skill with the exact Three.js loader code.
+
+Auth reuses the existing `GENEX_TOKEN` (run `genex init` first). Server-side, each
+provider is keyed by an env var (`TRIPO_API_KEY`, `BLOCKADE_LABS_API_KEY`,
+`ELEVENLABS_API_KEY`, `GEMINI_API_KEY`); when a key is unset that kind falls back to
+a built-in **mock** provider that returns sample assets, so the flow runs keyless.
+`--no-wait` enqueues without downloading.
+
 ## Install / run
 
 From the monorepo root (the CLI runs directly via Node — no build step):
@@ -48,11 +94,12 @@ pnpm --filter @genex-ai/cli-demo start init
 Once published, end users run it with `npx`:
 
 ```bash
-npx @genex-ai/cli-demo init
+npx @genex-ai/cli-demo@latest init
 ```
 
-> Requires **Node ≥ 24** (the CLI is executed as TypeScript via Node's native
-> type stripping, matching the rest of the monorepo).
+> The published package ships a bundled `dist/` (built with tsup) and runs on
+> **Node ≥ 20**. Running from *source* in the monorepo needs **Node ≥ 24** (the
+> source is executed as TypeScript via Node's native type stripping).
 
 ## Usage
 
@@ -61,8 +108,8 @@ genex init [options]
 
 Options
   --dir <path>         Destination workspace (default: ~/.claude)
-  --env <path>         Path to the .env file to write (default: ./.env)
-  --auth-url <url>     Override the auth site (default: https://genex.dev)
+  --env <path>         Token env file (default: ~/.genex/env)
+  --auth-url <url>     Override the auth site (default: https://demo-web.glotech.world)
   --no-auth            Only scaffold templates; skip authorization
   --force              Overwrite existing files (default: never overwrite)
   --timeout <seconds>  How long to wait for the auth redirect (default: 300)
@@ -93,8 +140,8 @@ genex init --auth-url http://localhost:3000
 
 The auth site URL is a single configurable value:
 
-- **Default:** `https://genex.dev` (the `DEFAULT_AUTH_URL` constant in
-  [`src/config.ts`](src/config.ts)).
+- **Default:** `https://demo-web.glotech.world` (the `DEFAULT_AUTH_URL` constant
+  in [`src/config.ts`](src/config.ts)).
 - **Override at runtime:** set `GENEX_AUTH_URL`, or pass `--auth-url`.
 
 ```bash
@@ -139,8 +186,8 @@ The CLI uses a loopback-redirect flow (the same pattern as `gh auth login` and
    > the exact `state` it received. A missing or mismatched `state` is rejected
    > (CSRF protection).
 
-3. The CLI verifies `state`, writes `GENEX_TOKEN=<TOKEN>` to `.env`, and shows a
-   success page in the browser.
+3. The CLI verifies `state`, writes `GENEX_TOKEN=<TOKEN>` to `~/.genex/env`, and
+   shows a success page in the browser.
 
 If the browser can't be opened, the URL is printed and — when run in an
 interactive terminal — a pasted token is also accepted.
@@ -165,6 +212,28 @@ pnpm test        # node --test test/*.test.ts
 pnpm start init --no-auth --dir ./tmp-claude
 ```
 
+### Testing a command like an end user
+
+`pnpm start <cmd>` runs a single command from source — fine for quick checks. To
+exercise the CLI as a *global* command (the way users invoke `genex`), symlink a
+`genexd` shim onto your PATH pointing at the source entrypoint. No build step —
+it runs the TypeScript directly and picks up edits instantly:
+
+```bash
+# one-time, from this package directory: put `genexd` on PATH
+ln -sf "$PWD/src/index.ts" "$(dirname "$(which node)")/genexd"
+
+genexd --help                                  # works from any directory
+genexd init --no-auth --dir ./tmp-claude
+
+rm "$(dirname "$(which node)")/genexd"         # remove it when done
+```
+
+Use `genexd` (not `genex`) so the local shim never shadows a globally installed
+published build — this is the same shim the local scaffold flow uses (see
+`scaffold_prompt.local.md`). `npm link` is unnecessary here: it would require a
+`dist/` build, whereas `genexd` / `pnpm start` run the source as-is.
+
 Relative imports use explicit `.ts` extensions and only erasable TypeScript
 syntax is allowed — both are monorepo-wide rules (see the root README).
 
@@ -185,9 +254,9 @@ templates/              copied into ~/.claude by `genex init`
 
 ## Publishing
 
-The package ships its TypeScript source (no bundle); consumers run it on
-Node ≥ 24. The published tarball includes only `src/`, `templates/`, `README.md`,
-and `LICENSE` (see the `files` field in `package.json`).
+The package ships a bundled `dist/` (built with tsup via `prepack`); consumers
+run it on Node ≥ 20. The published tarball includes `dist/`, `templates/`,
+`README.md`, and `LICENSE` (see the `files` field in `package.json`).
 
 ```bash
 pnpm --filter @genex-ai/cli-demo publish --access public

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.ts
 import { readFileSync } from "fs";
-import path8 from "path";
+import path10 from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 
 // src/commands/init.ts
@@ -396,7 +396,7 @@ async function createDraftProject(opts) {
       return null;
     }
     log.success(`Created project ${c.cyan(project.slug)}.`);
-    if (project.playUrl) log.dim(`  play (after publish): ${project.playUrl}`);
+    if (project.playUrl) log.dim(`  play (after preview/publish): ${project.playUrl}`);
     log.dim(`  dashboard: ${dashboardUrl}/dashboard`);
     return {
       id: project.id,
@@ -701,9 +701,10 @@ async function runInit(opts) {
   log.success("All set. \u{1F680}");
 }
 
-// src/commands/publish.ts
+// src/lib/deploy.ts
 import { spawn as spawn4 } from "child_process";
 import fs5 from "fs/promises";
+import os2 from "os";
 import path7 from "path";
 function run(cmd, args, env) {
   return new Promise((resolve) => {
@@ -722,6 +723,113 @@ function run(cmd, args, env) {
     child.on("close", (code2) => resolve({ code: code2 ?? -1, out, err }));
   });
 }
+async function deployGame(sshUrl, opts, log) {
+  const cwd = process.cwd();
+  if (!opts.noBuild && await hasBuildScript(cwd)) {
+    log.step("Building the production bundle\u2026");
+    const built = await run("npm", ["run", "build"]);
+    if (built.code !== 0) {
+      log.error("Build failed \u2014 your game was NOT deployed.");
+      const tail = (built.err || built.out).trim().split("\n").slice(-12).join("\n");
+      if (tail) log.dim(tail);
+      return false;
+    }
+    log.success("Built.");
+  }
+  const distDir = path7.join(cwd, "dist");
+  const siteDir = await isDir(distDir) ? distDir : cwd;
+  if (siteDir === cwd) {
+    await writeGitignore(cwd, log);
+  }
+  const rel = path7.relative(cwd, siteDir) || ".";
+  try {
+    await fs5.access(path7.join(siteDir, "index.html"));
+  } catch {
+    log.warn(`No index.html in ${rel} \u2014 GitHub Pages needs one to serve the game.`);
+  }
+  await warnIfAbsolutePaths(siteDir, log);
+  await fs5.writeFile(path7.join(siteDir, ".nojekyll"), "");
+  const keyPath = path7.resolve(cwd, KEY_NAME);
+  if (!await fileExists(keyPath)) {
+    log.warn(`No deploy key (${KEY_NAME}) here \u2014 run \`genex init\` in this folder first.`);
+    return false;
+  }
+  const gitDir = await fs5.mkdtemp(path7.join(os2.tmpdir(), "genex-deploy-"));
+  const gitEnv = { GIT_DIR: gitDir, GIT_WORK_TREE: siteDir };
+  try {
+    if ((await run("git", ["init", "-q"], gitEnv)).code !== 0) {
+      log.warn("git init failed \u2014 the game was not pushed.");
+      return false;
+    }
+    await run("git", ["add", "-A"], gitEnv);
+    const tracked = await run("git", ["ls-files"], gitEnv);
+    if (/(^|\/)genex_key(\.pub)?$/m.test(tracked.out)) {
+      log.error(`Refusing to deploy: ${KEY_NAME} is staged. Add it to .gitignore and retry.`);
+      return false;
+    }
+    const commit = await run(
+      "git",
+      ["-c", "user.email=agent@genex.local", "-c", "user.name=genex", "commit", "-q", "-m", "build"],
+      gitEnv
+    );
+    if (commit.code !== 0 && !/nothing to commit/i.test(commit.out + commit.err)) {
+      log.warn("Nothing to commit \u2014 the build produced no files.");
+      return false;
+    }
+    log.step("Pushing your game over SSH\u2026");
+    const push = await run("git", ["push", "-q", sshUrl, "+HEAD:main"], {
+      ...gitEnv,
+      GIT_SSH_COMMAND: `ssh -i ${keyPath} -o IdentitiesOnly=yes -o StrictHostKeyChecking=accept-new`
+    });
+    if (push.code === 0) {
+      log.success("Pushed.");
+      return true;
+    }
+    log.warn("git push failed \u2014 your live game was NOT updated.");
+    const tail = push.err.trim().split("\n").slice(-2).join(" ");
+    if (tail) log.dim(`  ${tail}`);
+    return false;
+  } finally {
+    await fs5.rm(gitDir, { recursive: true, force: true }).catch(() => {
+    });
+  }
+}
+async function hasBuildScript(cwd) {
+  try {
+    const pkg = JSON.parse(await fs5.readFile(path7.join(cwd, "package.json"), "utf8"));
+    return Boolean(pkg.scripts?.build);
+  } catch {
+    return false;
+  }
+}
+async function isDir(p) {
+  try {
+    return (await fs5.stat(p)).isDirectory();
+  } catch {
+    return false;
+  }
+}
+async function fileExists(p) {
+  try {
+    await fs5.access(p);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function warnIfAbsolutePaths(siteDir, log) {
+  let html;
+  try {
+    html = await fs5.readFile(path7.join(siteDir, "index.html"), "utf8");
+  } catch {
+    return;
+  }
+  if (/(?:src|href)="\/(?!\/)/.test(html)) {
+    log.warn("Built index.html uses absolute paths \u2014 set `base: './'` in vite.config so assets load under the Pages subpath.");
+  }
+}
+
+// src/commands/publish.ts
 async function runPublish(opts) {
   const log = createLogger({ quiet: opts.quiet });
   log.plain(c.bold("genex publish"));
@@ -741,11 +849,11 @@ async function runPublish(opts) {
   const apiUrl = getApiUrl(opts.apiUrl ?? meta.apiUrl);
   let pushed = null;
   if (opts.noPush) {
-    log.info("Skipping git push (--no-push).");
+    log.info("Skipping build + git push (--no-push).");
   } else {
-    pushed = await pushGame(meta.sshUrl, log);
+    pushed = await deployGame(meta.sshUrl, { noBuild: opts.noBuild }, log);
   }
-  log.step("Publishing to the gallery\u2026");
+  log.step("Listing it in the gallery\u2026");
   let res;
   try {
     const body = {};
@@ -771,7 +879,7 @@ async function runPublish(opts) {
     log.warn(
       "Listed in the gallery, but the game wasn't pushed \u2014 the play URL won't work until the push succeeds."
     );
-    log.dim("  Fix the push error above and re-run `genex publish`.");
+    log.dim("  Fix the error above and re-run `genex publish`.");
   } else {
     log.success("Published. \u{1F389}");
   }
@@ -780,45 +888,190 @@ async function runPublish(opts) {
     if (pushed === true) log.dim("  (GitHub Pages rebuilds ~30\u201390s after a push.)");
   }
 }
-async function pushGame(sshUrl, log) {
-  try {
-    await fs5.access(path7.join(process.cwd(), "index.html"));
-  } catch {
-    log.warn("No index.html at the project root \u2014 GitHub Pages needs one to serve the game.");
+
+// src/commands/preview.ts
+async function runPreview(opts) {
+  const log = createLogger({ quiet: opts.quiet });
+  log.plain(c.bold("genex preview"));
+  log.plain("");
+  const meta = await readProject();
+  if (!meta) {
+    log.error("No genex project here. Run `genex init` in this directory first.");
+    process.exitCode = 1;
+    return;
   }
-  const isRepo = (await run("git", ["rev-parse", "--git-dir"])).code === 0;
-  if (!isRepo) {
-    log.step("Initializing git\u2026");
-    if ((await run("git", ["init"])).code !== 0) {
-      log.warn("git init failed \u2014 the game was not pushed (use `genex publish --no-push` to silence).");
-      return false;
+  const pushed = await deployGame(meta.sshUrl, { noBuild: opts.noBuild }, log);
+  log.plain("");
+  if (!pushed) {
+    log.warn("Preview not updated \u2014 see the error above.");
+    process.exitCode = 1;
+    return;
+  }
+  log.success("Preview deployed. \u{1F310}");
+  if (meta.playUrl) {
+    log.dim(`  ${meta.playUrl}`);
+    log.dim("  (GitHub Pages rebuilds ~30\u201390s after a push; it stays an unlisted draft until you publish.)");
+  }
+}
+
+// src/commands/generate.ts
+import path9 from "path";
+
+// src/lib/assets.ts
+import fs6 from "fs/promises";
+import path8 from "path";
+function slugify(input) {
+  const s = input.toLowerCase().normalize("NFKD").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 50).replace(/-+$/g, "");
+  return s || "asset";
+}
+async function downloadToFile(url, dest, headers) {
+  const res = await fetch(url, { headers });
+  if (!res.ok) throw new Error(`download failed (HTTP ${res.status}) for ${url}`);
+  const buf = Buffer.from(await res.arrayBuffer());
+  await fs6.mkdir(path8.dirname(dest), { recursive: true });
+  await fs6.writeFile(dest, buf);
+  return buf.byteLength;
+}
+
+// src/commands/generate.ts
+var KIND_DIR = {
+  model: "assets/models",
+  skybox: "assets/skybox",
+  sfx: "assets/sfx",
+  texture: "assets/textures"
+};
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+function fileDest(kind, slug, f) {
+  if (kind === "texture") {
+    const name = f.role.replace(/^texture-/, "");
+    return `assets/textures/${slug}/${name}.${f.ext}`;
+  }
+  return `${KIND_DIR[kind]}/${slug}.${f.ext}`;
+}
+async function runGenerate(kind, opts) {
+  const log = createLogger({ quiet: opts.quiet });
+  const prompt = opts.prompt?.trim();
+  if (!prompt) {
+    log.error(`Missing prompt. Usage: ${c.cyan(`genex ${kind} "<prompt>"`)}`);
+    process.exitCode = 1;
+    return;
+  }
+  const token = opts.token ?? await readUserToken(opts.envPath);
+  if (!token) {
+    log.error("Not authorized. Run `genex init` first to sign in.");
+    process.exitCode = 1;
+    return;
+  }
+  const meta = await readProject();
+  const apiUrl = getApiUrl(opts.apiUrl ?? meta?.apiUrl);
+  const options = {};
+  if (kind === "texture" && opts.terrain) options.terrain = true;
+  if (kind === "sfx" && opts.duration) options.durationSeconds = opts.duration;
+  log.plain(c.bold(`genex ${kind}`));
+  log.dim(`  ${prompt}`);
+  log.plain("");
+  let id;
+  try {
+    const res = await fetch(`${apiUrl}/api/generations`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+      body: JSON.stringify({ kind, prompt, options })
+    });
+    if (res.status === 401) {
+      log.error("Unauthorized \u2014 your token may have expired. Re-run `genex init`.");
+      process.exitCode = 1;
+      return;
     }
+    if (!res.ok) {
+      log.error(`Generation request failed (HTTP ${res.status}).`);
+      process.exitCode = 1;
+      return;
+    }
+    ({ id } = await res.json());
+  } catch (err) {
+    log.error(`Couldn't reach the API at ${apiUrl}: ${String(err)}`);
+    process.exitCode = 1;
+    return;
   }
-  await run("git", ["add", "-A"]);
-  const commit = await run("git", ["commit", "-m", "build"]);
-  if (commit.code !== 0 && !/nothing to commit/i.test(commit.out + commit.err)) {
-    log.dim("  (no new commit to push)");
+  if (opts.noWait) {
+    log.success(`Queued (${id}). Re-run without --no-wait to fetch the finished asset.`);
+    return;
   }
-  log.step("Pushing your game over SSH\u2026");
-  const push = await run("git", ["push", sshUrl, "+HEAD:main"], {
-    GIT_SSH_COMMAND: `ssh -i ./${KEY_NAME} -o IdentitiesOnly=yes -o StrictHostKeyChecking=accept-new`
-  });
-  if (push.code === 0) {
-    log.success("Pushed to main.");
-    return true;
+  log.step("Generating\u2026 (this can take up to a minute)");
+  const view = await poll(apiUrl, token, id, (p) => log.dim(`  ${p}%`));
+  if (!view) {
+    log.error("Timed out waiting for the generation.");
+    process.exitCode = 1;
+    return;
+  }
+  if (view.status !== "completed") {
+    log.error(`Generation ${view.status}${view.error ? `: ${view.error}` : ""}.`);
+    process.exitCode = 1;
+    return;
   }
-  log.warn("git push failed \u2014 your live game was NOT updated.");
-  const tail = push.err.trim().split("\n").slice(-2).join(" ");
-  if (tail) log.dim(`  ${tail}`);
-  return false;
+  const slug = slugify(prompt);
+  const written = [];
+  try {
+    for (const f of view.files ?? []) {
+      const rel = fileDest(kind, slug, f);
+      const url = `${apiUrl}/api/generations/${id}/asset/${f.role}`;
+      const bytes = await downloadToFile(url, path9.join(process.cwd(), rel), {
+        Authorization: `Bearer ${token}`
+      });
+      written.push(rel);
+      log.success(`${rel} ${c.dim(`(${(bytes / 1024).toFixed(0)} KB)`)}`);
+    }
+  } catch (err) {
+    log.error(`Download failed: ${String(err)}`);
+    process.exitCode = 1;
+    return;
+  }
+  log.plain("");
+  printHint(kind, written, log);
+}
+async function poll(apiUrl, token, id, onProgress) {
+  const deadline = Date.now() + 10 * 60 * 1e3;
+  let last = -1;
+  while (Date.now() < deadline) {
+    try {
+      const res = await fetch(`${apiUrl}/api/generations/${id}`, {
+        headers: { Authorization: `Bearer ${token}` }
+      });
+      if (res.ok) {
+        const { generation } = await res.json();
+        if (generation.progress !== last) {
+          last = generation.progress;
+          onProgress(generation.progress);
+        }
+        if (generation.status === "completed" || generation.status === "failed") {
+          return generation;
+        }
+      }
+    } catch {
+    }
+    await sleep(3e3);
+  }
+  return null;
+}
+function printHint(kind, written, log) {
+  const primary = written[0] ?? "";
+  const hint = {
+    model: `Load with GLTFLoader and add to the scene \u2014 see the genex-ai-model skill. Use the relative path "./${primary}".`,
+    skybox: `Load as an equirectangular texture \u2192 scene.background + scene.environment \u2014 see genex-ai-skybox. Path "./${primary}".`,
+    sfx: `Load with AudioLoader into a THREE.PositionalAudio (camera needs an AudioListener) \u2014 see genex-ai-sfx. Path "./${primary}".`,
+    texture: `Load with TextureLoader, set RepeatWrapping, build a MeshStandardMaterial \u2014 see genex-ai-texture. Path "./${primary}".`
+  };
+  log.success("Done. Asset saved into ./assets (commit it \u2014 `genex publish` ships it with the game).");
+  log.dim(`  ${hint[kind]}`);
 }
 
 // src/index.ts
+var GEN_KINDS = /* @__PURE__ */ new Set(["model", "skybox", "sfx", "texture"]);
 function getVersion() {
   try {
-    const here = path8.dirname(fileURLToPath2(import.meta.url));
+    const here = path10.dirname(fileURLToPath2(import.meta.url));
     const pkg = JSON.parse(
-      readFileSync(path8.resolve(here, "..", "package.json"), "utf8")
+      readFileSync(path10.resolve(here, "..", "package.json"), "utf8")
     );
     return pkg.version ?? "0.0.0";
   } catch {
@@ -829,7 +1082,19 @@ var HELP = `${c.bold("genex")} \u2014 set up your ~/.claude workspace, authorize
 
 ${c.bold("Usage")}
   genex init [<name>] [options]      Scaffold + authorize + create the draft project.
-  genex publish [options]            Push the built game and list it in the gallery.
+  genex preview [options]            Build + push to the hosted draft URL (unlisted).
+  genex publish [options]            Build + push, then list the game in the gallery.
+  genex model "<prompt>" [options]   Generate a 3D model (GLB) into ./assets/models.
+  genex skybox "<prompt>" [options]  Generate a skybox (equirect) into ./assets/skybox.
+  genex sfx "<prompt>" [options]     Generate a sound effect (mp3) into ./assets/sfx.
+  genex texture "<prompt>" [options] Generate a PBR texture into ./assets/textures.
+
+${c.bold("Options for the generators (`model` `skybox` `sfx` `texture`)")}
+  --terrain            (texture) seamless tiling surface for terrain/ground.
+  --duration <sec>     (sfx) target clip length in seconds.
+  --no-wait            Enqueue only; don't block waiting for the asset.
+  --api-url <url>      Override the API base URL.
+  --env <path>         Token env file (default: ~/.genex/env).
 
 ${c.bold("Options for `init`")}
   <name>               Project name (positional; default: current directory name).
@@ -843,11 +1108,12 @@ ${c.bold("Options for `init`")}
   --force              Overwrite existing files (default: never overwrite).
   --timeout <seconds>  How long to wait for the auth redirect (default: 300).
 
-${c.bold("Options for `publish`")}
-  --no-push            Skip the git push; only flip the gallery flag.
-  --title <title>      Gallery title.
-  --description <text> Gallery description.
-  --api-url <url>      Override the API base URL.
+${c.bold("Options for `preview` / `publish`")}
+  --no-build           Skip the build step; deploy whatever is already built.
+  --no-push            (publish) Skip build + push; only flip the gallery flag.
+  --title <title>      (publish) Gallery title.
+  --description <text> (publish) Gallery description.
+  --api-url <url>      (publish) Override the API base URL.
   --env <path>         Token env file (default: ~/.genex/env).
 
 ${c.bold("Global")}
@@ -864,8 +1130,13 @@ ${c.bold("Environment")}
 ${c.bold("Examples")}
   genex init my-game
   genex init my-game --api-url http://localhost:3000 --auth-url http://localhost:5173
+  genex preview
   genex publish
   genex publish --no-push --title "My Game"
+  genex model "weathered wooden barrel with iron bands"
+  genex skybox "golden hour over a misty mountain range"
+  genex sfx "punchy laser zap" --duration 2
+  genex texture "mossy cracked cobblestone" --terrain
 `;
 function parseArgs(argv) {
   const parsed = {
@@ -883,7 +1154,8 @@ function parseArgs(argv) {
     "--name",
     "--title",
     "--description",
-    "--timeout"
+    "--timeout",
+    "--duration"
   ]);
   let i = 0;
   while (i < argv.length) {
@@ -904,6 +1176,15 @@ function parseArgs(argv) {
       case "--no-push":
         parsed.options.noPush = true;
         break;
+      case "--no-build":
+        parsed.options.noBuild = true;
+        break;
+      case "--no-wait":
+        parsed.options.noWait = true;
+        break;
+      case "--terrain":
+        parsed.options.terrain = true;
+        break;
       case "--force":
         parsed.options.force = true;
         break;
@@ -969,6 +1250,14 @@ function applyValueFlag(options, flag, value) {
       options.timeoutSec = n;
       break;
     }
+    case "--duration": {
+      const n = Number(value);
+      if (!Number.isFinite(n) || n <= 0) {
+        throw new Error(`Invalid --duration value: ${value}`);
+      }
+      options.duration = n;
+      break;
+    }
   }
 }
 async function main() {
@@ -995,10 +1284,20 @@ async function main() {
     log.plain(HELP);
     return;
   }
+  if (GEN_KINDS.has(parsed.command)) {
+    await runGenerate(parsed.command, {
+      ...parsed.options,
+      prompt: parsed.options.name
+    });
+    return;
+  }
   switch (parsed.command) {
     case "init":
       await runInit(parsed.options);
       break;
+    case "preview":
+      await runPreview(parsed.options);
+      break;
     case "publish":
       await runPublish(parsed.options);
       break;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genex-ai/cli-demo",
-  "version": "0.1.2",
-  "description": "Set up your ~/.claude workspace, authorize, create a game project, and publish (genex CLI).",
+  "version": "0.3.0",
+  "description": "Set up your ~/.claude workspace, authorize, create a game project, generate AI assets, and publish (genex CLI).",
   "type": "module",
   "bin": {
     "genex": "./dist/index.js"
@@ -15,6 +15,14 @@
   "engines": {
     "node": ">=20"
   },
+  "scripts": {
+    "build": "tsup",
+    "prepack": "pnpm build",
+    "start": "node src/index.ts",
+    "dev": "node --watch src/index.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "node --test test/*.test.ts"
+  },
   "keywords": [
     "cli",
     "claude",
@@ -38,12 +46,5 @@
   "bugs": {
     "url": "https://github.com/me-ai-org/genex-demo/issues"
   },
-  "homepage": "https://github.com/me-ai-org/genex-demo/tree/main/apps/cli#readme",
-  "scripts": {
-    "build": "tsup",
-    "start": "node src/index.ts",
-    "dev": "node --watch src/index.ts",
-    "typecheck": "tsc --noEmit",
-    "test": "node --test test/*.test.ts"
-  }
-}
+  "homepage": "https://github.com/me-ai-org/genex-demo/tree/main/apps/cli#readme"
+}

package/templates/skills/genex-ai-model/SKILL.md

@@ -0,0 +1,70 @@
+---
+name: genex-ai-model
+description: Generate a real 3D model (GLB mesh) from a text prompt with `npx genex model`, then load it into the Three.js scene. Use when the user wants a specific prop, item, character, vehicle, building, or any concrete object as an actual mesh ("add a wooden barrel", "I need a spaceship", "generate a sword") rather than a procedurally-coded shape.
+---
+
+# Genex AI · Model
+
+Turn a text prompt into a real, game-ready **GLB** and drop it into the project.
+
+## When to use this vs. procedural geometry
+
+- **Use `npx genex model`** for a specific, recognizable object — a barrel, a chair, a
+  sword, a spaceship, an animal. You get a real textured mesh.
+- **Use `$genex-threejs-procedural-geometry`** for parametric/abstract shapes,
+  terrain, or anything you want to generate in code (infinite variations, no files).
+
+## Run
+
+```bash
+npx genex model "<prompt>"
+```
+
+Write a specific prompt — "weathered wooden barrel with rusted iron bands" beats
+"barrel". The command blocks until the mesh is ready (up to ~a minute), then saves:
+
+```
+assets/models/<slug>.glb
+```
+
+`<slug>` is derived from the prompt (e.g. `weathered-wooden-barrel.glb`). The file
+is **committed by `npx genex publish`**, so it ships inside your published game.
+
+## Load it into the scene
+
+Use Three.js `GLTFLoader` with the **relative** path (so it works under the
+published subpath `https://<user>.github.io/<slug>/`):
+
+```ts
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
+
+const loader = new GLTFLoader();
+const gltf = await loader.loadAsync("./assets/models/weathered-wooden-barrel.glb");
+const model = gltf.scene;
+model.scale.setScalar(1); // tune to taste
+model.position.set(0, 0, 0);
+scene.add(model);
+```
+
+To place many copies, `model.clone()` per instance. For animated GLBs, drive
+`gltf.animations` with a `THREE.AnimationMixer`.
+
+## Publish checklist (so players see the model)
+
+- Reference assets with **relative** paths (`./assets/...`), never absolute
+  (`/assets/...`) — GitHub Pages serves the game at a subpath.
+- Set `base: "./"` in `vite.config.ts` before `npm run build` (see the scaffold
+  prompt's publish step).
+- Commit the `assets/` folder — `npx genex publish` pushes it with the game.
+
+## Options
+
+- `--no-wait` — enqueue and return immediately (the file won't be downloaded;
+  re-run without `--no-wait` to fetch it).
+- `--api-url <url>` — override the API base (local dev).
+
+## Troubleshooting
+
+- **"Not authorized"** — run `npx @genex-ai/cli-demo@latest init` first (it writes your `GENEX_TOKEN`).
+- **The mesh looks low-detail / wrong** — make the prompt more specific
+  (materials, style, parts) and regenerate; each run is a fresh asset.

package/templates/skills/genex-ai-sfx/SKILL.md

@@ -0,0 +1,65 @@
+---
+name: genex-ai-sfx
+description: Generate a real sound effect (mp3) from a text prompt with `npx genex sfx`, then play it in Three.js (positional or global audio). Use when the user wants a specific sound — a gunshot, footstep, pickup chime, explosion, engine hum, UI click, whoosh — triggered on a game event.
+---
+
+# Genex AI · SFX
+
+Turn a prompt into a real **mp3** sound effect and wire it to a game event.
+
+## Run
+
+```bash
+npx genex sfx "<prompt>"
+npx genex sfx "punchy laser zap, short and dry" --duration 2
+```
+
+`--duration <sec>` (0.5–22) sets a target length; omit it to let the model pick.
+Blocks until ready, then saves:
+
+```
+assets/sfx/<slug>.mp3
+```
+
+Committed by `npx genex publish`, so it ships with your game.
+
+## Play it in Three.js
+
+Audio needs **one `AudioListener` on the camera**. Then load the clip and play it
+on an event. Browsers block autoplay — start audio after a user gesture (click/keydown).
+
+**Positional** (3D, attenuates with distance — attach to an object):
+
+```ts
+import * as THREE from "three";
+
+const listener = new THREE.AudioListener();
+camera.add(listener);
+
+const buffer = await new THREE.AudioLoader().loadAsync("./assets/sfx/laser-zap.mp3");
+
+const sound = new THREE.PositionalAudio(listener);
+sound.setBuffer(buffer);
+sound.setRefDistance(5);
+laserMesh.add(sound); // follows the object
+
+// on fire:
+if (!sound.isPlaying) sound.play();
+```
+
+**Global** (UI/non-spatial — same volume everywhere): use `new THREE.Audio(listener)`
+instead of `PositionalAudio` and don't attach it to a mesh.
+
+Reuse one loaded `buffer` across many plays; create a fresh `Audio`/`PositionalAudio`
+(or call `sound.play()` again once stopped) per trigger.
+
+## Publish checklist
+
+- Relative path `./assets/sfx/...`; `base: "./"` in `vite.config.ts`; commit `assets/`.
+
+## Troubleshooting
+
+- **No sound** — the `AudioContext` is suspended until a user gesture; trigger the
+  first play from a click/keydown. Confirm the camera has an `AudioListener`.
+- **Too quiet/loud** — `sound.setVolume(0..1)`; for positional, tune
+  `setRefDistance` / `setRolloffFactor`.

package/templates/skills/genex-ai-skybox/SKILL.md

@@ -0,0 +1,73 @@
+---
+name: genex-ai-skybox
+description: Generate a real 360° skybox (equirectangular panorama) from a text prompt with `npx genex skybox`, then load it as the scene background + environment lighting in Three.js. Use when the user wants a specific photoreal/painted sky or backdrop ("sunset over the ocean", "alien purple nebula", "foggy pine forest") as an image, rather than a procedural/shader sky.
+---
+
+# Genex AI · Skybox
+
+Turn a prompt into a 360° **equirectangular** panorama that wraps the scene and
+also lights it (image-based lighting).
+
+## When to use this vs. a procedural sky
+
+- **Use `npx genex skybox`** for a specific, recognizable sky/backdrop you can
+  describe — "golden hour over misty mountains", "stormy alien sky", "city at
+  night". You get a real image.
+- **Use `$genex-threejs-atmosphere-aerial-perspective`** (or
+  `$genex-threejs-volumetric-clouds`) for a fully procedural, animated,
+  time-of-day sky generated in shaders.
+
+## Run
+
+```bash
+npx genex skybox "<prompt>"
+```
+
+Blocks until ready, then saves:
+
+```
+assets/skybox/<slug>.jpg
+```
+
+The JPG is **committed by `npx genex publish`**, so it ships with your game.
+
+## Load it as background + environment
+
+Load the equirect JPG, mark it equirectangular, and use it for both the visible
+background and the lighting:
+
+```ts
+import * as THREE from "three";
+
+const texture = await new THREE.TextureLoader().loadAsync(
+  "./assets/skybox/golden-hour-over-misty-mountains.jpg",
+);
+texture.mapping = THREE.EquirectangularReflectionMapping;
+texture.colorSpace = THREE.SRGBColorSpace;
+
+scene.background = texture;   // visible sky
+scene.environment = texture;  // image-based lighting on PBR materials
+```
+
+For sharper reflections/lighting, pre-filter it with `PMREMGenerator`:
+
+```ts
+const pmrem = new THREE.PMREMGenerator(renderer);
+const envMap = pmrem.fromEquirectangular(texture).texture;
+scene.environment = envMap;
+scene.background = texture; // keep the raw texture for the visible sky
+texture.dispose; // (dispose the PMREM source later if you stop using it)
+```
+
+## Publish checklist
+
+- Use the **relative** path `./assets/skybox/...` (GitHub Pages serves at a subpath).
+- `base: "./"` in `vite.config.ts` before `npm run build`.
+- Commit `assets/` — `npx genex publish` pushes it with the game.
+
+## Troubleshooting
+
+- **Sky looks too dark/bright** — adjust `renderer.toneMappingExposure`, or scale
+  `scene.environment` influence via material `envMapIntensity`.
+- **Seam/pole artifacts** — that's inherent to equirect images; keep the camera
+  away from looking straight up/down, or use PMREM for the lighting.

package/templates/skills/genex-ai-texture/SKILL.md

@@ -0,0 +1,76 @@
+---
+name: genex-ai-texture
+description: Generate a real photoreal surface texture (PBR base-color image) from a text prompt with `npx genex texture`, then apply it as a tiling material on meshes or terrain in Three.js. Use `--terrain` for seamless ground. Use when the user wants a specific photoreal material on a surface ("rusty metal floor", "mossy cobblestone path", "grassy terrain") rather than a procedural/shader material.
+---
+
+# Genex AI · Texture
+
+Turn a prompt into a real, tileable **base-color** texture image and apply it as a
+material on a primitive, a mesh, or terrain.
+
+## When to use this vs. procedural materials
+
+- **Use `npx genex texture`** for a specific photoreal surface you can describe —
+  "weathered Roman cobblestone", "cracked desert clay", "oak planks". You get a
+  real raster image.
+- **Use `$genex-threejs-procedural-materials`** for stylized/abstract or
+  fully-parametric materials authored in shaders (instant, perfectly tiling, no
+  files). The two are complementary.
+
+## Run
+
+```bash
+npx genex texture "<prompt>"
+npx genex texture "lush green grass" --terrain    # seamless tiling for ground/terrain
+```
+
+Blocks until ready, then saves:
+
+```
+assets/textures/<slug>/basecolor.<ext>
+```
+
+Committed by `npx genex publish`, so it ships with your game.
+
+> **Scope:** v1 generates the **base-color (albedo)** map only. Normal / roughness
+> / AO are a planned follow-up — for now set sensible `roughness`/`metalness`
+> constants on the material.
+
+## Apply it (tiling material)
+
+```ts
+import * as THREE from "three";
+
+const map = await new THREE.TextureLoader().loadAsync(
+  "./assets/textures/lush-green-grass/basecolor.jpg",
+);
+map.colorSpace = THREE.SRGBColorSpace;
+map.wrapS = map.wrapT = THREE.RepeatWrapping;
+map.repeat.set(8, 8);          // tile count — raise for large surfaces
+map.anisotropy = renderer.capabilities.getMaxAnisotropy();
+
+const material = new THREE.MeshStandardMaterial({ map, roughness: 0.9, metalness: 0 });
+groundMesh.material = material; // e.g. a PlaneGeometry ground
+```
+
+### Terrain
+
+Generate with `--terrain`, lay a large `PlaneGeometry` (rotated flat), and raise
+`repeat` so the texture tiles densely across it:
+
+```ts
+const ground = new THREE.Mesh(new THREE.PlaneGeometry(200, 200), material);
+ground.rotation.x = -Math.PI / 2;
+map.repeat.set(64, 64);
+scene.add(ground);
+```
+
+## Publish checklist
+
+- Relative path `./assets/textures/...`; `base: "./"` in `vite.config.ts`; commit `assets/`.
+
+## Troubleshooting
+
+- **Visible tiling seams** — use `--terrain` (tuned for seamless edges), lower the
+  `repeat`, or blend two textures. Perfect seamlessness is a known v1 limitation.
+- **Colors look washed/dark** — ensure `map.colorSpace = THREE.SRGBColorSpace`.

package/templates/skills/genex-getting-started/SKILL.md

@@ -21,6 +21,24 @@ Start with `$genex-threejs-skill-router` for broad game or graphics requests.
 It routes the agent to focused skills for cameras, procedural geometry,
 materials, atmosphere, water, VFX, post-processing, and visual validation.
 
+## Generating real assets
+
+Beyond procedural code, Genex can generate **real, AI-made assets** from a prompt
+and drop them into `./assets/` (committed when you publish):
+
+```bash
+npx genex model "weathered wooden barrel"      # a 3D mesh (GLB)
+npx genex skybox "golden hour over mountains"  # a 360° sky + lighting
+npx genex sfx "punchy laser zap" --duration 2  # a sound effect (mp3)
+npx genex texture "mossy cobblestone" --terrain # a tiling surface texture
+```
+
+(Run them inside your project — the `@genex-ai/cli-demo` dev dependency makes
+`npx genex` resolve to the right CLI.)
+
+Each has a focused skill with the exact loader code — `$genex-ai-model`,
+`$genex-ai-skybox`, `$genex-ai-sfx`, `$genex-ai-texture`.
+
 Your existing files were left untouched. `genex init` only adds what is missing.
 
 ## Re-running setup
@@ -28,7 +46,7 @@ Your existing files were left untouched. `genex init` only adds what is missing.
 Safe to run any time; it never overwrites your files:
 
 ```bash
-npx genex init
+npx @genex-ai/cli-demo@latest init
 ```
 
 Use `--force` only if you intentionally want to overwrite installed templates
@@ -36,6 +54,6 @@ with the latest versions.
 
 ## Authorization
 
-`genex init` opens the auth site, then writes a `GENEX_TOKEN` into your
-project's `.env`. If the browser doesn't open, copy the printed URL into a
-browser manually to finish authorizing.
+`genex init` opens the auth site, then saves your token to `~/.genex/env`
+(reused across projects). If the browser doesn't open, copy the printed URL into
+a browser manually to finish authorizing.

package/templates/skills/genex-threejs-skill-router/SKILL.md

@@ -37,6 +37,27 @@ map, execution order, and acceptance gate.
 | render-target ownership, pass ordering, depth/normal/history signals | `$genex-threejs-image-pipeline` |
 | fixed-view captures, seed sweeps, browser and GPU evidence | `$genex-threejs-visual-validation` |
 
+## Real (AI-generated) assets — `npx genex` commands
+
+When the user wants a **specific, recognizable asset** (a named object, a described
+sky, a particular sound or surface) rather than something authored in code, generate
+it with an `npx genex` command (run inside the project, where the `@genex-ai/cli-demo`
+dev dependency makes `genex` resolve to the right CLI). Each drops a real file into
+`./assets/` (committed by `npx genex publish`), and its skill has the exact Three.js
+loader code.
+
+| Work needed | Generate with | Skill |
+| --- | --- | --- |
+| a specific prop / item / character / vehicle as a real mesh | `npx genex model "<prompt>"` | `$genex-ai-model` |
+| a described 360° sky / backdrop + image-based lighting | `npx genex skybox "<prompt>"` | `$genex-ai-skybox` |
+| a specific sound effect tied to an event | `npx genex sfx "<prompt>"` | `$genex-ai-sfx` |
+| a photoreal surface/material on a mesh or terrain | `npx genex texture "<prompt>" [--terrain]` | `$genex-ai-texture` |
+
+Prefer the **procedural** skills above for abstract/parametric/animated systems
+(geometry, materials, sky, water, VFX) — no files, infinite variation. Prefer the
+**`npx genex` generators** for concrete, describable, photoreal assets. They complement
+each other.
+
 ## Routing rules
 
 - Start from the playable game target: player verb, scene scale, camera distance,