@genex-ai/cli-demo 0.2.0 → 0.3.0

package/README.md

@@ -5,13 +5,20 @@ 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 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,
@@ -27,11 +34,21 @@ genex texture "<prompt>"   # generate a texture   → assets/textures/
    `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.
 
@@ -77,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
 
@@ -90,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)
@@ -122,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
@@ -168,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.
@@ -236,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

@@ -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,37 +888,30 @@ 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.");
-  }
-  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;
-    }
+
+// 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;
   }
-  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)");
+  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.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.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.)");
   }
-  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;
 }
 
 // src/commands/generate.ts
@@ -981,7 +1082,8 @@ 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.
@@ -1006,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")}
@@ -1027,6 +1130,7 @@ ${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"
@@ -1072,6 +1176,9 @@ 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;
@@ -1188,6 +1295,9 @@ async function main() {
     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,6 +1,6 @@
 {
   "name": "@genex-ai/cli-demo",
-  "version": "0.2.0",
+  "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": {
@@ -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

@@ -1,6 +1,6 @@
 ---
 name: genex-ai-model
-description: Generate a real 3D model (GLB mesh) from a text prompt with `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.
+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
@@ -9,7 +9,7 @@ Turn a text prompt into a real, game-ready **GLB** and drop it into the project.
 
 ## When to use this vs. procedural geometry
 
-- **Use `genex model`** for a specific, recognizable object — a barrel, a chair, a
+- **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).
@@ -17,7 +17,7 @@ Turn a text prompt into a real, game-ready **GLB** and drop it into the project.
 ## Run
 
 ```bash
-genex model "<prompt>"
+npx genex model "<prompt>"
 ```
 
 Write a specific prompt — "weathered wooden barrel with rusted iron bands" beats
@@ -28,7 +28,7 @@ assets/models/<slug>.glb
 ```
 
 `<slug>` is derived from the prompt (e.g. `weathered-wooden-barrel.glb`). The file
-is **committed by `genex publish`**, so it ships inside your published game.
+is **committed by `npx genex publish`**, so it ships inside your published game.
 
 ## Load it into the scene
 
@@ -55,7 +55,7 @@ To place many copies, `model.clone()` per instance. For animated GLBs, drive
   (`/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 — `genex publish` pushes it with the game.
+- Commit the `assets/` folder — `npx genex publish` pushes it with the game.
 
 ## Options
 
@@ -65,6 +65,6 @@ To place many copies, `model.clone()` per instance. For animated GLBs, drive
 
 ## Troubleshooting
 
-- **"Not authorized"** — run `genex init` first (it writes your `GENEX_TOKEN`).
+- **"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

@@ -1,6 +1,6 @@
 ---
 name: genex-ai-sfx
-description: Generate a real sound effect (mp3) from a text prompt with `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.
+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
@@ -10,8 +10,8 @@ Turn a prompt into a real **mp3** sound effect and wire it to a game event.
 ## Run
 
 ```bash
-genex sfx "<prompt>"
-genex sfx "punchy laser zap, short and dry" --duration 2
+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.
@@ -21,7 +21,7 @@ Blocks until ready, then saves:
 assets/sfx/<slug>.mp3
 ```
 
-Committed by `genex publish`, so it ships with your game.
+Committed by `npx genex publish`, so it ships with your game.
 
 ## Play it in Three.js
 

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

@@ -1,6 +1,6 @@
 ---
 name: genex-ai-skybox
-description: Generate a real 360° skybox (equirectangular panorama) from a text prompt with `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.
+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
@@ -10,7 +10,7 @@ also lights it (image-based lighting).
 
 ## When to use this vs. a procedural sky
 
-- **Use `genex skybox`** for a specific, recognizable sky/backdrop you can
+- **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
@@ -20,7 +20,7 @@ also lights it (image-based lighting).
 ## Run
 
 ```bash
-genex skybox "<prompt>"
+npx genex skybox "<prompt>"
 ```
 
 Blocks until ready, then saves:
@@ -29,7 +29,7 @@ Blocks until ready, then saves:
 assets/skybox/<slug>.jpg
 ```
 
-The JPG is **committed by `genex publish`**, so it ships with your game.
+The JPG is **committed by `npx genex publish`**, so it ships with your game.
 
 ## Load it as background + environment
 
@@ -63,7 +63,7 @@ texture.dispose; // (dispose the PMREM source later if you stop using it)
 
 - Use the **relative** path `./assets/skybox/...` (GitHub Pages serves at a subpath).
 - `base: "./"` in `vite.config.ts` before `npm run build`.
-- Commit `assets/` — `genex publish` pushes it with the game.
+- Commit `assets/` — `npx genex publish` pushes it with the game.
 
 ## Troubleshooting
 

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

@@ -1,6 +1,6 @@
 ---
 name: genex-ai-texture
-description: Generate a real photoreal surface texture (PBR base-color image) from a text prompt with `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.
+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
@@ -10,7 +10,7 @@ material on a primitive, a mesh, or terrain.
 
 ## When to use this vs. procedural materials
 
-- **Use `genex texture`** for a specific photoreal surface you can describe —
+- **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
@@ -20,8 +20,8 @@ material on a primitive, a mesh, or terrain.
 ## Run
 
 ```bash
-genex texture "<prompt>"
-genex texture "lush green grass" --terrain    # seamless tiling for ground/terrain
+npx genex texture "<prompt>"
+npx genex texture "lush green grass" --terrain    # seamless tiling for ground/terrain
 ```
 
 Blocks until ready, then saves:
@@ -30,7 +30,7 @@ Blocks until ready, then saves:
 assets/textures/<slug>/basecolor.<ext>
 ```
 
-Committed by `genex publish`, so it ships with your game.
+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`

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

@@ -27,12 +27,15 @@ Beyond procedural code, Genex can generate **real, AI-made assets** from a promp
 and drop them into `./assets/` (committed when you publish):
 
 ```bash
-genex model "weathered wooden barrel"      # a 3D mesh (GLB)
-genex skybox "golden hour over mountains"  # a 360° sky + lighting
-genex sfx "punchy laser zap" --duration 2  # a sound effect (mp3)
-genex texture "mossy cobblestone" --terrain # a tiling surface texture
+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`.
 
@@ -43,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
@@ -51,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,23 +37,25 @@ 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 — `genex` commands
+## 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 a `genex` command. Each drops a real file into `./assets/` (committed by
-`genex publish`), and its skill has the exact Three.js loader code.
+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 | `genex model "<prompt>"` | `$genex-ai-model` |
-| a described 360° sky / backdrop + image-based lighting | `genex skybox "<prompt>"` | `$genex-ai-skybox` |
-| a specific sound effect tied to an event | `genex sfx "<prompt>"` | `$genex-ai-sfx` |
-| a photoreal surface/material on a mesh or terrain | `genex texture "<prompt>" [--terrain]` | `$genex-ai-texture` |
+| 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
-**`genex` generators** for concrete, describable, photoreal assets. They complement
+**`npx genex` generators** for concrete, describable, photoreal assets. They complement
 each other.
 
 ## Routing rules