@genex-ai/cli-demo 0.3.0 → 0.5.0

package/README.md

@@ -21,9 +21,13 @@ genex texture "<prompt>"   # generate a texture   → assets/textures/
 
 `genex init` does four things:
 
-1. **Scaffolds your workspace** — copies the bundled templates (skills, agents,
-   commands) into `~/.claude`, *merging* into whatever is already there. Existing
-   files are **never overwritten**.
+1. **Installs the skills for your coding agents** — copies the bundled templates
+   into every agent it detects: Claude Code (`~/.claude`, full set incl.
+   agents/ + commands/), Codex (`~/.codex/skills`), and Cursor
+   (`~/.cursor/skills`). genex-owned skills (`genex-*`) are **always refreshed**
+   to the package version so a stale copy can't linger; your own files are never
+   overwritten. Pick agents explicitly with `--agents claude,codex,cursor`, or a
+   single custom dir with `--dir`.
 2. **Authorizes you** — opens the Genex auth site (web) in your browser. If the
    browser can't open, it prints the URL to open manually.
 3. **Saves your token** — writes `GENEX_TOKEN` to `~/.genex/env` (per-user;
@@ -107,7 +111,8 @@ npx @genex-ai/cli-demo@latest init
 genex init [options]
 
 Options
-  --dir <path>         Destination workspace (default: ~/.claude)
+  --agents <list>      Agents to install for: claude,codex,cursor (default: auto-detect)
+  --dir <path>         Single destination workspace (overrides --agents)
   --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

package/dist/index.js

@@ -9,6 +9,7 @@ import { fileURLToPath as fileURLToPath2 } from "url";
 import path6 from "path";
 
 // src/config.ts
+import fs from "fs";
 import os from "os";
 import path from "path";
 import { fileURLToPath } from "url";
@@ -42,45 +43,77 @@ function getTemplatesDir() {
   const here = path.dirname(fileURLToPath(import.meta.url));
   return path.resolve(here, "..", "templates");
 }
-function getClaudeDir(override) {
-  if (override) return path.resolve(override);
-  return path.join(os.homedir(), ".claude");
+var KNOWN_AGENTS = {
+  claude: { label: "Claude Code", dirName: ".claude", full: true },
+  codex: { label: "Codex", dirName: ".codex", full: false },
+  cursor: { label: "Cursor", dirName: ".cursor", full: false }
+};
+var KNOWN_AGENT_IDS = Object.keys(KNOWN_AGENTS);
+function resolveAgentTargets(opts = {}) {
+  if (opts.dir) {
+    return [{ id: "custom", label: "workspace", baseDir: path.resolve(opts.dir), full: true }];
+  }
+  const home = os.homedir();
+  let ids;
+  if (opts.agents && opts.agents.length > 0) {
+    ids = opts.agents.filter((id) => KNOWN_AGENTS[id]);
+  } else {
+    ids = KNOWN_AGENT_IDS.filter((id) => isDir(path.join(home, KNOWN_AGENTS[id].dirName)));
+    if (ids.length === 0) ids = ["claude"];
+  }
+  return ids.map((id) => {
+    const def = KNOWN_AGENTS[id];
+    return { id, label: def.label, baseDir: path.join(home, def.dirName), full: def.full };
+  });
+}
+function isDir(p) {
+  try {
+    return fs.statSync(p).isDirectory();
+  } catch {
+    return false;
+  }
 }
 
 // src/lib/copy-templates.ts
-import fs from "fs/promises";
+import fs2 from "fs/promises";
 import path2 from "path";
+function isGenexManaged(rel) {
+  return rel.split(path2.sep).some((seg) => seg.startsWith("genex"));
+}
 async function copyTemplates(srcDir, destDir, opts = {}) {
-  const result = { copied: [], skipped: [] };
+  const result = { copied: [], updated: [], skipped: [] };
   await walk(srcDir, srcDir, destDir, opts, result);
   return result;
 }
 async function walk(rootSrc, src, dest, opts, result) {
-  const entries = await fs.readdir(src, { withFileTypes: true });
+  const entries = await fs2.readdir(src, { withFileTypes: true });
   for (const entry of entries) {
     const srcPath = path2.join(src, entry.name);
     const destPath = path2.join(dest, entry.name);
     const rel = path2.relative(rootSrc, srcPath);
     if (entry.isDirectory()) {
-      await fs.mkdir(destPath, { recursive: true });
+      await fs2.mkdir(destPath, { recursive: true });
       await walk(rootSrc, srcPath, destPath, opts, result);
       continue;
     }
     if (!entry.isFile()) {
       continue;
     }
-    if (!opts.force && await exists(destPath)) {
+    const present = await exists(destPath);
+    const mayOverwrite = opts.force || isGenexManaged(rel);
+    if (present && !mayOverwrite) {
       result.skipped.push(rel);
       continue;
     }
-    await fs.mkdir(path2.dirname(destPath), { recursive: true });
-    await fs.copyFile(srcPath, destPath);
+    await fs2.mkdir(path2.dirname(destPath), { recursive: true });
+    await fs2.copyFile(srcPath, destPath);
     result.copied.push(rel);
+    if (present) result.updated.push(rel);
   }
 }
 async function exists(p) {
   try {
-    await fs.access(p);
+    await fs2.access(p);
     return true;
   } catch {
     return false;
@@ -416,7 +449,7 @@ function randomSuffix() {
 }
 
 // src/lib/ssh.ts
-import fs2 from "fs/promises";
+import fs3 from "fs/promises";
 import path3 from "path";
 import { spawn as spawn2 } from "child_process";
 var KEY_NAME = "genex_key";
@@ -424,7 +457,7 @@ async function generateSshKeypair(dir, log) {
   const keyPath = path3.join(dir, KEY_NAME);
   const pubPath = `${keyPath}.pub`;
   try {
-    const existing = (await fs2.readFile(pubPath, "utf8")).trim();
+    const existing = (await fs3.readFile(pubPath, "utf8")).trim();
     if (existing) {
       log.dim(`Reusing existing deploy key (${KEY_NAME}).`);
       return { publicKey: existing };
@@ -435,12 +468,12 @@ async function generateSshKeypair(dir, log) {
   const ok = await runSshKeygen(keyPath, log);
   if (!ok) return null;
   try {
-    const pub = (await fs2.readFile(pubPath, "utf8")).trim();
+    const pub = (await fs3.readFile(pubPath, "utf8")).trim();
     if (!pub) {
       log.warn("ssh-keygen produced no public key.");
       return null;
     }
-    await fs2.chmod(keyPath, 384).catch(() => {
+    await fs3.chmod(keyPath, 384).catch(() => {
     });
     return { publicKey: pub };
   } catch (err) {
@@ -473,7 +506,7 @@ async function writeGitignore(dir, log) {
   const file = path3.join(dir, ".gitignore");
   let content = "";
   try {
-    content = await fs2.readFile(file, "utf8");
+    content = await fs3.readFile(file, "utf8");
   } catch {
   }
   const present = new Set(content.split("\n").map((l) => l.trim()));
@@ -483,23 +516,23 @@ async function writeGitignore(dir, log) {
   if (next.length > 0 && !next.endsWith("\n")) next += "\n";
   if (!content.trim()) next += "# genex (deploy key + local metadata \u2014 never publish)\n";
   next += toAdd.join("\n") + "\n";
-  await fs2.writeFile(file, next);
+  await fs3.writeFile(file, next);
   log.dim(`Updated .gitignore (${toAdd.join(", ")}).`);
 }
 
 // src/lib/store.ts
-import fs4 from "fs/promises";
+import fs5 from "fs/promises";
 import path5 from "path";
 
 // src/lib/env.ts
-import fs3 from "fs/promises";
+import fs4 from "fs/promises";
 import path4 from "path";
 import { spawn as spawn3 } from "child_process";
 async function writeEnvVar(envPath, key, value) {
   let content = "";
   let existed = false;
   try {
-    content = await fs3.readFile(envPath, "utf8");
+    content = await fs4.readFile(envPath, "utf8");
     existed = true;
   } catch {
   }
@@ -519,14 +552,14 @@ async function writeEnvVar(envPath, key, value) {
     next = prefix + assignment + "\n";
     mode = existed ? "appended" : "created";
   }
-  await fs3.mkdir(path4.dirname(envPath), { recursive: true });
-  await fs3.writeFile(envPath, next, { mode: 384 });
+  await fs4.mkdir(path4.dirname(envPath), { recursive: true });
+  await fs4.writeFile(envPath, next, { mode: 384 });
   await restrictFilePermissions(envPath);
   return { mode, path: envPath };
 }
 async function restrictFilePermissions(filePath) {
   if (process.platform !== "win32") {
-    await fs3.chmod(filePath, 384).catch(() => {
+    await fs4.chmod(filePath, 384).catch(() => {
     });
     return;
   }
@@ -575,7 +608,7 @@ async function readUserToken(envPath) {
 async function readTokenFromFile(file) {
   let content;
   try {
-    content = await fs4.readFile(file, "utf8");
+    content = await fs5.readFile(file, "utf8");
   } catch {
     return null;
   }
@@ -591,7 +624,7 @@ function stripQuotes(v) {
 }
 async function readProject(cwd = process.cwd()) {
   try {
-    const raw = await fs4.readFile(getProjectMetadataPath(cwd), "utf8");
+    const raw = await fs5.readFile(getProjectMetadataPath(cwd), "utf8");
     return JSON.parse(raw);
   } catch {
     return null;
@@ -599,9 +632,9 @@ async function readProject(cwd = process.cwd()) {
 }
 async function writeProject(meta, cwd = process.cwd()) {
   const file = getProjectMetadataPath(cwd);
-  await fs4.mkdir(path5.dirname(file), { recursive: true });
-  await fs4.writeFile(file, JSON.stringify(meta, null, 2) + "\n", { mode: 384 });
-  await fs4.chmod(file, 384).catch(() => {
+  await fs5.mkdir(path5.dirname(file), { recursive: true });
+  await fs5.writeFile(file, JSON.stringify(meta, null, 2) + "\n", { mode: 384 });
+  await fs5.chmod(file, 384).catch(() => {
   });
   return { path: file };
 }
@@ -631,24 +664,24 @@ async function runInit(opts) {
   log.plain(c.bold("genex init"));
   log.plain("");
   const templatesDir = getTemplatesDir();
-  const claudeDir = getClaudeDir(opts.dir);
-  log.step(`Setting up your workspace at ${c.cyan(claudeDir)}`);
-  const { copied, skipped } = await copyTemplates(templatesDir, claudeDir, {
-    force: opts.force
-  });
-  if (copied.length > 0) {
-    log.success(`Added ${copied.length} file${copied.length === 1 ? "" : "s"}.`);
-    for (const f of copied) log.dim(`  + ${f}`);
-  }
-  if (skipped.length > 0) {
-    log.info(
-      `Left ${skipped.length} existing file${skipped.length === 1 ? "" : "s"} untouched.`
-    );
-    for (const f of skipped) log.dim(`  = ${f}`);
-  }
-  if (copied.length === 0 && skipped.length === 0) {
-    log.info("No template files to install.");
-  }
+  const targets = resolveAgentTargets({ dir: opts.dir, agents: opts.agents });
+  log.step(
+    `Installing Genex skills for: ${targets.map((t) => c.cyan(t.label)).join(", ")}`
+  );
+  let totalNew = 0;
+  let totalUpdated = 0;
+  for (const t of targets) {
+    const src = t.full ? templatesDir : path6.join(templatesDir, "skills");
+    const dest = t.full ? t.baseDir : path6.join(t.baseDir, "skills");
+    const { copied, updated } = await copyTemplates(src, dest, { force: opts.force });
+    const added = copied.length - updated.length;
+    totalNew += added;
+    totalUpdated += updated.length;
+    log.dim(`  ${t.label}: ${added} added, ${updated.length} refreshed \u2192 ${dest}`);
+  }
+  log.success(
+    `Skills ready (${totalNew} added, ${totalUpdated} refreshed across ${targets.length} agent${targets.length === 1 ? "" : "s"}).`
+  );
   log.plain("");
   if (opts.noAuth) {
     log.info("Skipping authorization (--no-auth).");
@@ -703,7 +736,7 @@ async function runInit(opts) {
 
 // src/lib/deploy.ts
 import { spawn as spawn4 } from "child_process";
-import fs5 from "fs/promises";
+import fs6 from "fs/promises";
 import os2 from "os";
 import path7 from "path";
 function run(cmd, args, env) {
@@ -737,24 +770,24 @@ async function deployGame(sshUrl, opts, log) {
     log.success("Built.");
   }
   const distDir = path7.join(cwd, "dist");
-  const siteDir = await isDir(distDir) ? distDir : cwd;
+  const siteDir = await isDir2(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"));
+    await fs6.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"), "");
+  await fs6.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 gitDir = await fs6.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) {
@@ -790,28 +823,28 @@ async function deployGame(sshUrl, opts, log) {
     if (tail) log.dim(`  ${tail}`);
     return false;
   } finally {
-    await fs5.rm(gitDir, { recursive: true, force: true }).catch(() => {
+    await fs6.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"));
+    const pkg = JSON.parse(await fs6.readFile(path7.join(cwd, "package.json"), "utf8"));
     return Boolean(pkg.scripts?.build);
   } catch {
     return false;
   }
 }
-async function isDir(p) {
+async function isDir2(p) {
   try {
-    return (await fs5.stat(p)).isDirectory();
+    return (await fs6.stat(p)).isDirectory();
   } catch {
     return false;
   }
 }
 async function fileExists(p) {
   try {
-    await fs5.access(p);
+    await fs6.access(p);
     return true;
   } catch {
     return false;
@@ -820,7 +853,7 @@ async function fileExists(p) {
 async function warnIfAbsolutePaths(siteDir, log) {
   let html;
   try {
-    html = await fs5.readFile(path7.join(siteDir, "index.html"), "utf8");
+    html = await fs6.readFile(path7.join(siteDir, "index.html"), "utf8");
   } catch {
     return;
   }
@@ -918,7 +951,7 @@ async function runPreview(opts) {
 import path9 from "path";
 
 // src/lib/assets.ts
-import fs6 from "fs/promises";
+import fs7 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, "");
@@ -928,8 +961,8 @@ 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);
+  await fs7.mkdir(path8.dirname(dest), { recursive: true });
+  await fs7.writeFile(dest, buf);
   return buf.byteLength;
 }
 
@@ -1099,7 +1132,8 @@ ${c.bold("Options for the generators (`model` `skybox` `sfx` `texture`)")}
 ${c.bold("Options for `init`")}
   <name>               Project name (positional; default: current directory name).
   --name <name>        Same as the positional name.
-  --dir <path>         Destination workspace (default: ~/.claude).
+  --agents <list>      Agents to install skills for (claude,codex,cursor; default: auto-detect).
+  --dir <path>         Single destination workspace (overrides --agents).
   --env <path>         Token env file (default: ~/.genex/env).
   --auth-url <url>     Override the auth site (default: ${DEFAULT_AUTH_URL}).
   --api-url <url>      Override the API base URL (default: ${DEFAULT_API_URL}).
@@ -1151,6 +1185,7 @@ function parseArgs(argv) {
     "--auth-url",
     "--api-url",
     "--colyseus-url",
+    "--agents",
     "--name",
     "--title",
     "--description",
@@ -1233,6 +1268,9 @@ function applyValueFlag(options, flag, value) {
     case "--colyseus-url":
       options.colyseusUrl = value;
       break;
+    case "--agents":
+      options.agents = value.split(",").map((s) => s.trim().toLowerCase()).filter(Boolean);
+      break;
     case "--name":
       options.name = value;
       break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genex-ai/cli-demo",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Set up your ~/.claude workspace, authorize, create a game project, generate AI assets, and publish (genex CLI).",
   "type": "module",
   "bin": {

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

@@ -11,11 +11,15 @@ architecture, and team-ready workflows.
 
 ## What got installed
 
-Everything under `~/.claude`:
-
-- **skills/** - reusable Genex skills for 3D browser-game work.
-- **agents/** - example subagent definitions.
-- **commands/** - example slash commands.
+`genex init` installs the Genex skills into **every coding agent it detects** —
+Claude Code (`~/.claude`), Codex (`~/.codex`), and Cursor (`~/.cursor`) — so the
+same skills are available whichever agent you build with. Re-running `init`
+always refreshes the genex-owned skills to the latest version (your own files
+are never touched).
+
+- **skills/** - reusable Genex skills for 3D browser-game work (all agents).
+- **agents/** - example subagent definitions (Claude Code).
+- **commands/** - example slash commands (Claude Code).
 
 Start with `$genex-threejs-skill-router` for broad game or graphics requests.
 It routes the agent to focused skills for cameras, procedural geometry,

package/templates/skills/genex-threejs-multiplayer/SKILL.md

@@ -0,0 +1,132 @@
+---
+name: genex-threejs-multiplayer
+description: Implement realtime multiplayer for Genex Three.js games with `@genex-ai/multiplayer`. Use whenever 2+ players share a world — movement sync, shared scores/rounds, shots/emotes, presence, and persistent worlds. MANDATORY whenever a game has multiplayer: load this before writing any networking code.
+---
+
+# Genex Three.js Multiplayer
+
+`@genex-ai/multiplayer` is a **relay**: whatever you write to `me` or `shared` is
+synced to everyone; everything else stays local. The server runs **no physics, no
+prediction, and no interpolation** — you run your own game logic and add your own
+smoothing. This skill covers the API, the smoothing you must add yourself
+(interpolation + prediction), config wiring, and persistent worlds.
+
+**This skill is mandatory for any multiplayer game.** Load it before you write a
+single line of networking code. Naïvely snapping every remote player to their last
+raw network position looks terrible — interpolation/prediction are not optional polish.
+
+Read [references/realtime-patterns.md](references/realtime-patterns.md) for the
+copy-paste `RemoteInterpolator` + local-prediction helpers and the persistence/config code.
+
+## Install
+
+```bash
+npm i @genex-ai/multiplayer
+```
+
+## Connect
+
+Pick your own per-player state shape (any JSON). `room` is the **project slug**
+(printed by `genex init`) — same id = same room, different ids are fully isolated.
+
+```ts
+import { connect } from "@genex-ai/multiplayer";
+
+type State = { x: number; z: number; yaw: number };  // YOUR per-player state
+
+const room = await connect<State>({
+  url: GENEX.colyseusUrl, // e.g. "wss://demo-colyseus.glotech.world" — see config wiring below
+  room: GENEX.slug,       // the project slug — everyone with this id shares a room
+  name: "ada",            // optional display name
+});
+```
+
+## API surface (exact — do not invent methods)
+
+- `room.id` — your own session id.
+- `room.me.set(state)` — publish your state. **Replaces it wholesale** (send the full
+  object, not a partial). Call on a **fixed 10–20 Hz tick**, never per render frame —
+  one `set` = one network message.
+- `room.players` — a **fresh `Map` each read**, and it **includes you**. Skip yourself
+  with `if (id === room.id) continue;`. Each value is `{ id, name, state }`.
+- `room.shared.get(key)` / `room.shared.set(key, value)` / `room.shared.keys()` —
+  a key/value store (any JSON) synced to everyone. Use for world state, scores, round.
+- `room.on(event, cb)` → returns an **unsubscribe** function. Events: `'join'` /
+  `'change'` `(id, state)` (both also fire for **you** on connect — filter `id === room.id`),
+  `'leave'` `(id)`, `'shared'` `(key, value)`, and any custom event name from `send`.
+- `room.send(type, payload)` — fire-and-forget to all **other** clients, not stored in
+  state. Use for shots, emotes, chat, pings.
+- `room.leave()` — leave the room.
+
+## The loop you must build (input → local → tick → render)
+
+1. **Input mutates a local object only** (`me.x += …`). Never network on keypress.
+2. **A fixed tick publishes it:** `setInterval(() => room.me.set(me), 66)` (~15 Hz).
+3. **Render at your own framerate**, drawing:
+   - **yourself** from your *local predicted* state (zero latency — never from the
+     echoed server copy of you), and
+   - **every other player** through an **interpolator** (render ~100 ms in the past and
+     lerp between their last two snapshots) — never snap to raw network state.
+4. **Create-or-reuse one mesh per id**; remove a player's mesh on `'leave'`.
+
+See [references/realtime-patterns.md](references/realtime-patterns.md) for the ready-made
+`RemoteInterpolator` helper and a complete movement example.
+
+## Config wiring (required — the browser can't read `.genex/project.json`)
+
+The game runs in the browser; `.genex/project.json` (which holds `slug`, `colyseusUrl`,
+`apiUrl`) is gitignored and not bundled. Surface those values to the client explicitly —
+e.g. a tiny committed `src/genex.config.ts`:
+
+```ts
+// src/genex.config.ts — values from `.genex/project.json` (printed by `genex init`)
+export const GENEX = {
+  slug: "my-game-slug",
+  colyseusUrl: "wss://demo-colyseus.glotech.world",
+  apiUrl: "https://demo-api.glotech.world",
+} as const;
+```
+
+Read `.genex/project.json` once and fill these in. (A Vite `define` / `.env` with
+`VITE_` vars works too — the point is the values must end up in the built JS.)
+
+## Persistent worlds (optional — survives restarts)
+
+The relay is in-memory: room state is gone when everyone leaves or the server restarts.
+For a world that persists, save/load one JSON blob keyed by the project slug:
+
+```ts
+// load on boot
+const { data } = await fetch(`${GENEX.apiUrl}/api/projects/${GENEX.slug}/state`).then(r => r.json());
+initWorld(data ?? defaultWorld());
+
+// save from ONE authority (e.g. the host client) to avoid races; max 1 MB, last-write-wins
+fetch(`${GENEX.apiUrl}/api/projects/${GENEX.slug}/state`, {
+  method: "PUT",
+  headers: { "Content-Type": "application/json" },
+  body: JSON.stringify(world),
+});
+```
+
+`GET` returns `{ data }` (or `{ data: null }` if never saved). It's public (no auth) and
+size-capped at 1 MB. Don't save every frame — debounce, and elect a single writer.
+
+## Checklist
+
+- [ ] `npm i @genex-ai/multiplayer`, and config values wired into the client build.
+- [ ] `room` is the **project slug**.
+- [ ] `me.set` on a fixed **10–20 Hz** tick (not per frame); full object each time.
+- [ ] Skip yourself in `room.players` (`id === room.id`).
+- [ ] Remote players go through interpolation; **you** render from local predicted state.
+- [ ] Create-or-reuse a mesh per id; remove it on `'leave'`.
+- [ ] If the world should persist, save from one authority via the state API.
+
+## Troubleshooting
+
+- **Other players stutter / teleport** — you're snapping to raw network state. Use the
+  `RemoteInterpolator` (render-delay + lerp).
+- **My own movement feels laggy** — you're rendering yourself from the echoed server
+  state. Render yourself from your local predicted object instead.
+- **Too much traffic / desync** — you're calling `me.set` per frame. Move it to the tick.
+- **Players never appear** — `room.players` is empty until the first state patch lands;
+  read it in the render loop, and remember it includes you (filter your own id).

package/templates/skills/genex-threejs-multiplayer/references/realtime-patterns.md

@@ -0,0 +1,202 @@
+# Realtime patterns: interpolation, prediction, persistence
+
+The `@genex-ai/multiplayer` relay gives you the **latest** state of each player and
+nothing else — no timestamps, no smoothing. These are the pieces you add on top so the
+game feels good. All code is plain TypeScript; nothing here is provided by the package.
+
+## Why you need this
+
+- You publish `me.set` at ~15 Hz but render at 60 fps. If you snap each remote player to
+  their last received position, they move in visible 15 Hz steps and jump on packet
+  jitter. **Fix: interpolation** — render each remote player slightly in the past and
+  lerp between their two surrounding snapshots.
+- Your *own* avatar would feel laggy if you waited for the server to echo your position
+  back. **Fix: prediction** — apply input locally and render yourself from that
+  immediately; the tick still publishes it for everyone else.
+
+## RemoteInterpolator (render-delay interpolation)
+
+Buffers timestamped snapshots per remote player and samples a smoothed value ~100 ms in
+the past. Stamp snapshots with the local clock on arrival (we don't get server time).
+
+```ts
+// interpolation.ts
+const RENDER_DELAY_MS = 100; // render remotes this far in the past; raise if jittery
+const BUFFER_MS = 1000;      // keep ~1s of history
+
+type Vec = { x: number; y: number; z: number; yaw: number };
+type Snap = { t: number; v: Vec };
+
+function lerp(a: number, b: number, k: number) {
+  return a + (b - a) * k;
+}
+// shortest-arc angle lerp (radians) — avoids spinning the wrong way across ±π
+function lerpAngle(a: number, b: number, k: number) {
+  let d = (b - a) % (Math.PI * 2);
+  if (d > Math.PI) d -= Math.PI * 2;
+  if (d < -Math.PI) d += Math.PI * 2;
+  return a + d * k;
+}
+
+export class RemoteInterpolator {
+  private buffers = new Map<string, Snap[]>();
+
+  /** Call whenever you read a remote player's latest state (e.g. each frame, or on 'change'). */
+  push(id: string, v: Vec, now = performance.now()) {
+    let buf = this.buffers.get(id);
+    if (!buf) this.buffers.set(id, (buf = []));
+    const last = buf[buf.length - 1];
+    // de-dupe identical repeats (players is re-read every frame)
+    if (last && last.v.x === v.x && last.v.z === v.z && last.v.yaw === v.yaw && last.v.y === v.y) return;
+    buf.push({ t: now, v });
+    const cutoff = now - BUFFER_MS;
+    while (buf.length > 2 && buf[0].t < cutoff) buf.shift();
+  }
+
+  /** Smoothed value to render this frame, or null if we have nothing yet. */
+  sample(id: string, now = performance.now()): Vec | null {
+    const buf = this.buffers.get(id);
+    if (!buf || buf.length === 0) return null;
+    const target = now - RENDER_DELAY_MS;
+    if (buf.length === 1 || target <= buf[0].t) return buf[0].v;
+    if (target >= buf[buf.length - 1].t) return buf[buf.length - 1].v; // clamp (no extrapolation)
+    for (let i = 0; i < buf.length - 1; i++) {
+      const a = buf[i], b = buf[i + 1];
+      if (target >= a.t && target <= b.t) {
+        const k = (target - a.t) / (b.t - a.t || 1);
+        return {
+          x: lerp(a.v.x, b.v.x, k),
+          y: lerp(a.v.y, b.v.y, k),
+          z: lerp(a.v.z, b.v.z, k),
+          yaw: lerpAngle(a.v.yaw, b.v.yaw, k),
+        };
+      }
+    }
+    return buf[buf.length - 1].v;
+  }
+
+  remove(id: string) {
+    this.buffers.delete(id);
+  }
+}
+```
+
+**Tuning:** `RENDER_DELAY_MS` ≈ one tick interval + jitter (100 ms is safe for a 15 Hz
+tick). Lower = more responsive but more stutter on jitter. For sudden teleports (respawn,
+warp) clear that player's buffer and snap, so you don't lerp across the whole map.
+
+## Complete movement example
+
+```ts
+import * as THREE from "three";
+import { connect } from "@genex-ai/multiplayer";
+import { GENEX } from "./genex.config";
+import { RemoteInterpolator } from "./interpolation";
+
+type S = { x: number; z: number; yaw: number };
+
+const room = await connect<S>({ url: GENEX.colyseusUrl, room: GENEX.slug });
+const interp = new RemoteInterpolator();
+
+// --- local player: prediction. Input mutates this; we render yourself from it. ---
+const me = { x: 0, z: 0, yaw: 0 };
+addEventListener("keydown", (e) => {
+  if (e.key === "ArrowLeft") me.yaw += 0.1;
+  if (e.key === "ArrowRight") me.yaw -= 0.1;
+  if (e.key === "ArrowUp") { me.x += Math.sin(me.yaw); me.z += Math.cos(me.yaw); }
+});
+
+// --- publish at ~15 Hz (NOT per frame) ---
+const tick = setInterval(() => room.me.set(me), 66);
+
+// --- meshes, one per id ---
+const meshes = new Map<string, THREE.Object3D>();
+function meshFor(id: string) {
+  let m = meshes.get(id);
+  if (!m) { m = new THREE.Mesh(boxGeo, boxMat); scene.add(m); meshes.set(id, m); }
+  return m;
+}
+room.on("leave", (id) => {
+  const m = meshes.get(id);
+  if (m) { scene.remove(m); meshes.delete(id); }
+  interp.remove(id);
+});
+
+function frame() {
+  // yourself: render from local predicted state (zero latency)
+  meshFor(room.id).position.set(me.x, 0, me.z);
+  meshFor(room.id).rotation.y = me.yaw;
+
+  // everyone else: feed the interpolator, render the smoothed sample
+  for (const [id, p] of room.players) {
+    if (id === room.id) continue;
+    interp.push(id, { x: p.state.x ?? 0, y: 0, z: p.state.z ?? 0, yaw: p.state.yaw ?? 0 });
+    const v = interp.sample(id);
+    if (!v) continue;
+    const m = meshFor(id);
+    m.position.set(v.x, v.y, v.z);
+    m.rotation.y = v.yaw;
+  }
+
+  renderer.render(scene, camera);
+  requestAnimationFrame(frame);
+}
+frame();
+
+// cleanup if you ever tear down: clearInterval(tick); room.leave();
+```
+
+## Custom events (shots, emotes, chat)
+
+For one-off actions that aren't part of continuous state, use `send` — it doesn't belong
+in `me.set` (which is your *current* state, not events):
+
+```ts
+// shooter:
+room.send("shot", { from: room.id, x: me.x, z: me.z, yaw: me.yaw });
+
+// everyone else:
+room.on("shot", (msg: any) => spawnTracer(msg.x, msg.z, msg.yaw));
+```
+
+## Shared room state (scores, round, world)
+
+`shared` is for state everyone agrees on, not per-player position:
+
+```ts
+room.shared.set("round", (Number(room.shared.get("round")) || 0) + 1);
+room.on("shared", (key, value) => { if (key === "score") updateScoreboard(value); });
+```
+
+Any client can write any key (demo relay has no auth). For authority (who may change the
+score / advance the round), pick one client — e.g. the first/lowest session id present —
+and let only it write.
+
+## Persistence helper
+
+```ts
+// persistence.ts
+export async function loadWorld<T>(fallback: T): Promise<T> {
+  try {
+    const { data } = await fetch(`${GENEX.apiUrl}/api/projects/${GENEX.slug}/state`).then(r => r.json());
+    return (data as T) ?? fallback;
+  } catch { return fallback; }
+}
+
+let saveTimer: ReturnType<typeof setTimeout> | null = null;
+export function saveWorld(world: unknown) {
+  // debounce: at most one PUT per second, from ONE authority client
+  if (saveTimer) return;
+  saveTimer = setTimeout(() => {
+    saveTimer = null;
+    fetch(`${GENEX.apiUrl}/api/projects/${GENEX.slug}/state`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(world),
+    }).catch(() => {});
+  }, 1000);
+}
+```
+
+State is one JSON blob per project, max 1 MB, last-write-wins. Save from a single
+authority (host) so concurrent writers don't clobber each other.

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

@@ -36,6 +36,11 @@ map, execution order, and acceptance gate.
 | exposure, tone mapping, color grading, LUTs | `$genex-threejs-exposure-color-grading` |
 | 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` |
+| realtime multiplayer: movement sync, shared state, presence, shots/emotes, persistence | `$genex-threejs-multiplayer` |
+
+**Multiplayer is mandatory routing:** if the game has 2+ players sharing a world, loading
+`$genex-threejs-multiplayer` is **required** before any networking code — the relay does no
+interpolation/prediction, and that skill is how you add them.
 
 ## Real (AI-generated) assets — `npx genex` commands
 
@@ -58,6 +63,20 @@ Prefer the **procedural** skills above for abstract/parametric/animated systems
 **`npx genex` generators** for concrete, describable, photoreal assets. They complement
 each other.
 
+**Generate a core asset set by default — don't wait to be asked.** For any game that
+needs concrete objects or surfaces, decide a small core set from the concept and start
+generating it **up front, in parallel** (each `npx genex` is an independent ~1-minute
+job — launch them concurrently in the background, then scaffold the scene while they run
+and wire each asset in as it lands, with a procedural placeholder as fallback until then):
+
+- the **hero model** the player controls or chases (`npx genex model`),
+- one key **texture** for the ground/main surface (`npx genex texture --terrain` for ground),
+- a **skybox** when the scene is outdoors (`npx genex skybox`),
+- a **sfx** or two for the core action/feedback (`npx genex sfx`).
+
+Skip generation only for purely abstract/geometric games. Keep the set small and
+concept-driven — a richer first build beats a grey-box one.
+
 ## Routing rules
 
 - Start from the playable game target: player verb, scene scale, camera distance,

package/templates/skills/genex-threejs-skill-router/references/routing-map.md

@@ -51,3 +51,11 @@ publishing or multiplayer, inspect the project first. Prefer clean boundaries:
 - serializable player/session state;
 - explicit asset loading paths;
 - one clear start function for local preview and hosted launch.
+
+**Multiplayer is mandatory routing.** If the game has 2+ players sharing a world,
+load `$genex-threejs-multiplayer` **before writing any networking code** — it is not
+optional. The `@genex-ai/multiplayer` relay syncs `me`/`shared` but does **no**
+physics, prediction, or interpolation; that skill is how you add interpolation for
+remote players, prediction for the local player, config wiring, and (for save-state
+games) the persistent-world API. Use only the APIs that skill documents — do not
+invent transport methods.