@genex-ai/cli-demo 0.71.0 → 0.74.0-dev.190

package/templates/controllers/quality/governor.ts

@@ -0,0 +1,147 @@
+// Genex adaptive-quality: the runtime governor (mobile-readiness program).
+// Tiers pick the START; the governor owns the RUNTIME knobs forever — phones
+// thermally throttle after minutes, so a game that benched fine at 0:30
+// degrades at 8:00. Feed it a frame time every frame; wire the callbacks to
+// the runtime-changeable knobs only (DPR, post passes, draw distance, frame
+// cap — NEVER context-creation flags like antialias, those are fixed).
+//
+// Step-down ladder on sustained slowness: DPR ×0.8 → post off → draw distance
+// down → 30fps cap. Step-up is slow (hysteresis) and a step that failed twice
+// is never re-attempted. It also self-reports renderer.info counts to
+// window.__GENEX_QUALITY__ — the crash watchdog attaches them to its beacons,
+// which is how the field data that calibrates the whole program gets its
+// memory signal.
+import type { QualityTier } from './tier.ts';
+
+export interface GovernorCallbacks {
+  /** Apply a DPR multiplier (1 = tier cap). E.g. renderer.setPixelRatio(Math.min(realDpr, tier.dprCap * m)). */
+  setDprScale?: (multiplier: number) => void;
+  /** Toggle the post stack between the tier's level and 'off'. */
+  setPostEnabled?: (enabled: boolean) => void;
+  /** Apply a draw-distance multiplier (1 = tier scale). */
+  setDrawDistanceScale?: (multiplier: number) => void;
+  /** Apply a frame cap (0 = uncapped). Pace to a STABLE 30 over a stuttery 45. */
+  setFrameCap?: (fps: number) => void;
+}
+
+interface RendererInfoLike {
+  info?: { memory?: { textures?: number; geometries?: number } };
+}
+
+const SLOW_WINDOW_MS = 4000; // sustained, not spikes — shader compiles must not trigger steps
+const RECOVER_WINDOW_MS = 20000; // step up slowly (hysteresis)
+const MEM_REPORT_MS = 5000;
+
+export class QualityGovernor {
+  private tier: QualityTier;
+  private steps: Array<{ apply: () => void; revert: () => void; failures: number; pendingRecovery?: boolean }>;
+  private applied = 0;
+  private slowSince: number | null = null;
+  private goodSince: number | null = null;
+  private lastMemReport = 0;
+  private paused = false;
+
+  constructor(tier: QualityTier, callbacks: GovernorCallbacks, renderer?: RendererInfoLike) {
+    this.tier = tier;
+    this.rendererRef = renderer;
+    const c = callbacks;
+    this.steps = [
+      {
+        apply: () => c.setDprScale?.(0.8),
+        revert: () => c.setDprScale?.(1),
+        failures: 0,
+      },
+      {
+        apply: () => c.setPostEnabled?.(false),
+        revert: () => c.setPostEnabled?.(true),
+        failures: 0,
+      },
+      {
+        apply: () => c.setDrawDistanceScale?.(0.6),
+        revert: () => c.setDrawDistanceScale?.(1),
+        failures: 0,
+      },
+      {
+        apply: () => c.setFrameCap?.(30),
+        revert: () => c.setFrameCap?.(this.tier.frameCap),
+        failures: 0,
+      },
+    ];
+    // Visibility lifecycle: a backgrounded game must stop burning GPU/audio on
+    // exactly the thermally-constrained device class. The game's loop should
+    // also pause itself; the governor at minimum stops judging frames.
+    try {
+      document.addEventListener('visibilitychange', () => {
+        this.paused = document.visibilityState !== 'visible';
+        this.slowSince = null;
+        this.goodSince = null;
+      });
+    } catch {
+      /* non-DOM context */
+    }
+  }
+
+  private rendererRef?: RendererInfoLike;
+
+  /** Call once per frame with the frame delta in ms (performance.now() based). */
+  frame(deltaMs: number): void {
+    if (this.paused) return;
+    const now = performance.now();
+    const budgetMs = 1000 / Math.min(this.tier.frameCap, 60) + 8; // ~24ms at 30, ~25ms at 60
+
+    if (deltaMs > budgetMs) {
+      this.goodSince = null;
+      if (this.slowSince == null) this.slowSince = now;
+      else if (now - this.slowSince > SLOW_WINDOW_MS) {
+        this.stepDown();
+        this.slowSince = null;
+      }
+    } else {
+      this.slowSince = null;
+      if (this.goodSince == null) this.goodSince = now;
+      else if (now - this.goodSince > RECOVER_WINDOW_MS) {
+        this.stepUp();
+        this.goodSince = null;
+      }
+    }
+
+    // Memory self-report for the crash watchdog's beacons (field calibration).
+    if (now - this.lastMemReport > MEM_REPORT_MS) {
+      this.lastMemReport = now;
+      try {
+        const mem = this.rendererRef?.info?.memory;
+        if (mem) {
+          (window as Window & { __GENEX_QUALITY__?: { tex?: number; geo?: number } }).__GENEX_QUALITY__ =
+            { tex: mem.textures ?? 0, geo: mem.geometries ?? 0 };
+        }
+      } catch {
+        /* observational only */
+      }
+    }
+  }
+
+  private stepDown(): void {
+    if (this.applied >= this.steps.length) return;
+    const step = this.steps[this.applied]!;
+    // A re-application of a rung whose recovery is still pending means the
+    // revert did NOT hold — that's the failure being counted, never the
+    // successful revert itself.
+    if (step.pendingRecovery) {
+      step.pendingRecovery = false;
+      step.failures++;
+    }
+    step.apply();
+    this.applied++;
+  }
+
+  private stepUp(): void {
+    if (this.applied === 0) return;
+    const step = this.steps[this.applied - 1]!;
+    // Never re-attempt a knob whose recovery failed twice (reverting it put
+    // the game back over budget both times) — it stays applied for the session.
+    if (step.failures >= 2) return;
+    step.pendingRecovery = true;
+    step.revert();
+    this.applied--;
+  }
+}

package/templates/controllers/quality/pick-asset.ts

@@ -0,0 +1,57 @@
+// Genex adaptive-quality: per-tier asset variant selection (mobile-readiness
+// program, Option A+D). Generated assets ship with GUARANTEED downscale rungs
+// in R2 — sibling roles like "skybox-equirect@2048" — so phones can load a
+// ~11 MB sky instead of the 8192x4096 original (~178 MB decoded). Desktop
+// always loads the bare URL: the ladder exists so phones stop dying, never to
+// make desktops uglier.
+//
+// FALLBACK CONTRACT: a rung can be missing (remixed old URLs, an environment
+// whose backfill hasn't run). loadTextureWithFallback retries the bare URL on
+// a rung failure, so the worst case is today's behavior — never a broken boot.
+import type { QualityTier } from './tier.ts';
+
+const GENEX_GENERATIONS_RE = /^https:\/\/assets\.genex\.technology\/generations\/[^/]+\/[^/@]+$/;
+
+/** Rung widths by role family — mirrors the server's ladder (store.ts MOBILE_RUNGS). */
+function rungWidthFor(url: string, tier: QualityTier): number | null {
+  if (tier.name !== 'phone' && tier.name !== 'phone-low') return null;
+  const role = url.split('/').pop() ?? '';
+  if (role === 'skybox-equirect') return tier.name === 'phone-low' ? 2048 : 4096;
+  if (role === 'texture-basecolor' || role === 'image-main' || /^image-alt-\d+$/.test(role)) {
+    return tier.name === 'phone-low' ? 1024 : 2048;
+  }
+  return null;
+}
+
+/**
+ * Resolve the URL a THIS-tier device should load. Non-generated URLs and
+ * desktop tiers pass through untouched; phone tiers get the rung sibling.
+ */
+export function pickAsset(url: string, tier: QualityTier): string {
+  if (!GENEX_GENERATIONS_RE.test(url)) return url;
+  const width = rungWidthFor(url, tier);
+  return width ? `${url}@${width}` : url;
+}
+
+/**
+ * Load an image URL through the ladder with the bare-URL fallback. Use it for
+ * generated skyboxes/textures instead of raw TextureLoader.loadAsync:
+ *
+ *   const texture = await loadTextureWithFallback(
+ *     SKYBOX_URL, tier, (u) => new THREE.TextureLoader().loadAsync(u),
+ *   );
+ */
+export async function loadTextureWithFallback<T>(
+  url: string,
+  tier: QualityTier,
+  load: (resolvedUrl: string) => Promise<T>,
+): Promise<T> {
+  const picked = pickAsset(url, tier);
+  if (picked === url) return load(url);
+  try {
+    return await load(picked);
+  } catch {
+    // Missing rung (old asset, un-backfilled env) — degrade to the original.
+    return load(url);
+  }
+}

package/templates/controllers/quality/tier.ts

@@ -0,0 +1,170 @@
+// Genex adaptive-quality: device-tier detection (mobile-readiness program).
+// Boot-conservative by design — on phones you can recover from ugly, you
+// cannot recover from a jetsam kill, and boot is exactly when iOS kills. The
+// governor (governor.ts) steps quality UP after smooth seconds, so a
+// too-cautious start costs moments of softness, never a crash.
+//
+// Detection honesty: no single signal is trustworthy. iOS masks the WebGL
+// renderer string to "Apple GPU" (screen+DPR+OS-version is the real Apple
+// signal); Android exposes detailed renderer strings (Adreno/Mali) worth a
+// small lookup; the runtime governor measures actual frame times and corrects
+// both directions. All heuristics here only pick the STARTING tier.
+
+export type TierName = 'phone-low' | 'phone' | 'desktop' | 'desktop-high';
+
+export interface QualityTier {
+  name: TierName;
+  /** Cap for renderer.setPixelRatio(Math.min(devicePixelRatio, dprCap)). */
+  dprCap: number;
+  /** WebGL context antialias (context-creation-FIXED — cannot change live). */
+  antialias: boolean;
+  /** Directional/spot shadow map size (0 = shadows off). */
+  shadowMapSize: number;
+  /** 'off' = tone mapping only; 'light' = +FXAA/vignette; 'full' = the named stack. */
+  postLevel: 'off' | 'light' | 'full';
+  /** Multiplier for particle counts / scatter density. */
+  particleScale: number;
+  /** Multiplier for draw distance / fog far. */
+  drawDistanceScale: number;
+  /** Frame target — phones pace to a STABLE 30 over a stuttery 45. */
+  frameCap: number;
+  /** Max remote players fully animated/drawn (multiplayer); rest billboard. */
+  remoteAvatarCap: number;
+}
+
+export const TIERS: Record<TierName, QualityTier> = {
+  'phone-low': {
+    name: 'phone-low',
+    dprCap: 1,
+    antialias: false,
+    shadowMapSize: 512,
+    postLevel: 'off',
+    particleScale: 0.25,
+    drawDistanceScale: 0.5,
+    frameCap: 30,
+    remoteAvatarCap: 4,
+  },
+  phone: {
+    name: 'phone',
+    dprCap: 1.5,
+    antialias: false,
+    shadowMapSize: 1024,
+    postLevel: 'light',
+    particleScale: 0.5,
+    drawDistanceScale: 0.75,
+    frameCap: 60,
+    remoteAvatarCap: 8,
+  },
+  desktop: {
+    name: 'desktop',
+    dprCap: 2,
+    antialias: true,
+    shadowMapSize: 2048,
+    postLevel: 'full',
+    particleScale: 1,
+    drawDistanceScale: 1,
+    frameCap: 60,
+    remoteAvatarCap: 64,
+  },
+  'desktop-high': {
+    name: 'desktop-high',
+    dprCap: 2,
+    antialias: true,
+    shadowMapSize: 2048,
+    postLevel: 'full',
+    particleScale: 1,
+    drawDistanceScale: 1,
+    frameCap: 240,
+    remoteAvatarCap: 64,
+  },
+};
+
+/** Quality setting persisted PER DEVICE (localStorage) — quality is a property
+ *  of the phone, not the player, so it deliberately does not ride account
+ *  state. 'auto' = heuristics + governor. */
+const SETTING_KEY = 'genex:quality';
+export type QualitySetting = 'auto' | 'low' | 'medium' | 'high';
+
+export function getQualitySetting(): QualitySetting {
+  try {
+    const v = localStorage.getItem(SETTING_KEY);
+    if (v === 'low' || v === 'medium' || v === 'high') return v;
+  } catch {
+    /* storage blocked */
+  }
+  return 'auto';
+}
+
+export function setQualitySetting(v: QualitySetting): void {
+  try {
+    localStorage.setItem(SETTING_KEY, v);
+  } catch {
+    /* storage blocked */
+  }
+}
+
+function isTouchDevice(): boolean {
+  try {
+    const coarse = matchMedia('(pointer: coarse)').matches;
+    const touch = navigator.maxTouchPoints > 1;
+    const nav = navigator as Navigator & { userAgentData?: { mobile?: boolean } };
+    const mobileUA = nav.userAgentData
+      ? !!nav.userAgentData.mobile
+      : /Mobi|Android/i.test(navigator.userAgent);
+    return (touch && coarse) || mobileUA;
+  } catch {
+    return false;
+  }
+}
+
+/** Android GPU model → strong-enough-for-'phone' (vs 'phone-low'). Tiny,
+ *  vendored on purpose (no detect-gpu dependency): renderer strings are only
+ *  meaningful on Android/desktop anyway, and the governor corrects mistakes. */
+const STRONG_ANDROID_GPU = /Adreno \(TM\) [67]\d\d|Adreno \(TM\) 8|Mali-G7[18]|Mali-G[89]\d|Immortalis|Xclipse/i;
+
+function androidGpuLooksStrong(): boolean {
+  try {
+    const canvas = document.createElement('canvas');
+    const gl = canvas.getContext('webgl2') || canvas.getContext('webgl');
+    if (!gl) return false;
+    const info = gl.getExtension('WEBGL_debug_renderer_info');
+    const renderer = info ? String(gl.getParameter(info.UNMASKED_RENDERER_WEBGL)) : '';
+    const ext = gl.getExtension('WEBGL_lose_context');
+    if (ext) ext.loseContext(); // free the probe context immediately
+    return STRONG_ANDROID_GPU.test(renderer);
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Pick the STARTING tier. Manual setting wins; 'auto' uses heuristics:
+ * - non-touch → desktop
+ * - touch: old OS or small memory signals → phone-low; strong/new → phone
+ * The kit may have clamped devicePixelRatio — prefer its pristine stash.
+ */
+export function detectTier(): QualityTier {
+  const setting = getQualitySetting();
+  if (setting === 'low') return TIERS['phone-low'];
+  if (setting === 'medium') return TIERS.phone;
+  if (setting === 'high') return TIERS.desktop;
+
+  if (!isTouchDevice()) return TIERS.desktop;
+
+  const ua = navigator.userAgent;
+  const kit = (window as Window & { __GENEX_KIT__?: { realDpr?: number } }).__GENEX_KIT__;
+  const dpr = kit?.realDpr ?? window.devicePixelRatio;
+  const isIOS = /iPhone|iPad|iPod/.test(ua) || (navigator.maxTouchPoints > 1 && /Mac/.test(ua));
+
+  if (isIOS) {
+    // iOS version floors device age (iOS 17 ⇒ XS/2018+; screen+DPR refine).
+    const m = ua.match(/OS (\d+)_/);
+    const major = m ? Number(m[1]) : 0;
+    if (major >= 17) return TIERS.phone;
+    return TIERS['phone-low'];
+  }
+  const am = ua.match(/Android (\d+)/);
+  const androidMajor = am ? Number(am[1]) : 0;
+  if (androidMajor >= 13 && (dpr >= 2.5 || androidGpuLooksStrong())) return TIERS.phone;
+  return TIERS['phone-low'];
+}

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

@@ -40,7 +40,13 @@ ring) that no hand-written CSS can fake.
   What is fixed is WHERE plates are built — the DOM — because
   semi-transparency physically cannot survive sprite extraction: a composited
   panel's pixels are a blend of panel and background, and no cutout can
-  un-blend them. Plates are NEVER baked into sprites.
+  un-blend them. Plates are NEVER baked into sprites. Give the plate its
+  corners with `border-radius` or a clean `clip-path`/`mask` shape — a CSS
+  chamfer/notch is allowed, as long as the cut never clips the plate's
+  content (text, padding, a glow), leaves no jagged-edge artifacts, and
+  nothing ends up crooked; a genuinely ornamented angular frame is still
+  best as chrome, generated. The load-bearing `mask`/`clip-path` in this
+  skill is the masked-fill reveal below.
 - **Chrome (sprites — what THIS pipeline generates).** Opaque frames, corner
   brackets, ornaments, emblems, icons, medallions — hard-alpha art laid over
   the glass. The Stage-2 sheet contains ONLY chrome; never a panel with its
@@ -151,7 +157,10 @@ layout come from the element inventory and the game contract — a mechanic
 the concept invented (a lap counter, a stamina orb) does not enter the HUD,
 and a mechanic it failed to show still does. Generate 2 mockup candidates in one
 call (`--candidates 2`) and pick the better one: a re-roll costs the whole
-serial chain, a second candidate costs nothing extra in wall-clock.
+serial chain, a second candidate costs nothing extra in wall-clock. If the
+user's concept-loop feedback replaces the anchor frame after Stage 1 ran,
+re-run the pipeline from Stage 1 against the new frame — there is no cheaper
+partial path, so budget the full chain and say so in one line.
 
 ```bash
 # Stage 1 — full-HUD mockup over a placeholder scene (the LAYOUT REFERENCE).

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

@@ -65,7 +65,9 @@ might suggest. Two hard rules for the frame prompt:
 
 ```bash
 # 1. The frame — a still of the scene the loop returns to (this example is a
-# painterly meadow; YOUR prompt comes from YOUR game's style brief):
+# painterly meadow; YOUR prompt comes from YOUR game's style brief). When the
+# game-ui gate produced a concept frame, anchor the still to it with
+# --edit <concept-url> so menu and world share one palette and light:
 npx genex image "windswept alpine meadow at golden hour, wildflowers leaning in the gusts, painterly light, cinematic wide shot. Edge-to-edge cinematic composition. Full-bleed 16:9 frame. No UI elements, no text, no buttons in the frame." --aspect 16:9 --quality high
 # -> https://assets.genex.technology/generations/<id>/image-main
 
@@ -83,7 +85,13 @@ npx genex wait <gen-id>
 
 Never wire the clip as a bare `<video loop>` — the residual seam shows every
 cycle. Two stacked `<video>` elements with the same src crossfade at the
-cycle end; any seam disappears deterministically, no regeneration lottery:
+cycle end; any seam disappears deterministically, no regeneration lottery.
+
+**Phone tiers get the poster, not the videos** (`$genex-threejs-adaptive-quality`):
+two preloading 720p decoders while the 3D scene boots is a spike at exactly the
+moment phones get killed for memory. On a phone tier, show the key-art poster
+image (a captured frame of the clip works) and skip `seamlessLoop` entirely —
+or defer ONE non-preloading video until after the first gameplay frame:
 
 ```ts
 /** Deterministic seamless loop: two stacked <video>s crossfade at cycle end. */
@@ -203,6 +211,10 @@ copy-pasteable example:
 
 ```ts
 // Buttons emit the SAME intents the gameplay input path uses — never a page reload.
+// setPhase() carries the camera's lock lifecycle (game-ui's
+// `followCam?.setPaused(phase !== "playing")` binding), so PLAY locks inside this
+// click and Options/Credits clicks can never lock the pointer — a cursor that
+// vanishes while a menu is still up is a shipped defect.
 document.getElementById("menu-play")!.addEventListener("click", () => setPhase("playing"));
 document.getElementById("menu-options")!.addEventListener("click", () => setPhase("options"));
 document.getElementById("menu-credits")!.addEventListener("click", () => setPhase("credits"));
@@ -294,6 +306,10 @@ upgrades, in order of effort:
 - **One menu = ONE video, generated one-off — not iteratively.** Video
   generation is strictly rate-limited and takes minutes per attempt. Get the
   still frame right first (images are cheap to redo), then animate it once.
+  The one exception: a user-driven style change (the game-ui concept loop
+  re-anchored the look) re-opens this rule once — re-edit the still
+  (`--edit` against the new concept frame) and re-run the video from the new
+  still. Agent-initiated polish never does.
 - **720p is right.** It's a background under UI; higher resolutions cost more,
   take longer, and change nothing visible.
 - **Pause/victory/defeat variants reuse the same video — as GRADES.** Same

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

@@ -35,15 +35,23 @@ in local dev, the published game, and remixes).
 
 ## Load it as background + environment
 
-Load the equirect JPG, mark it equirectangular, and use it for both the visible
-background and the lighting:
+Load the equirect JPG through the quality tier's rung ladder, mark it
+equirectangular, and use it for both the visible background and the lighting.
+The bare URL is an 8192×4096 original — ~178 MB decoded, over half a phone's
+GPU budget in one texture — so phones must load the downscale rung the platform
+stores next to every skybox (`$genex-threejs-adaptive-quality`):
 
 ```ts
 import * as THREE from "three";
+import { detectTier } from "./controllers/quality/tier.ts";
+import { loadTextureWithFallback } from "./controllers/quality/pick-asset.ts";
 
 // the URL `npx genex skybox` printed (R2 sends CORS headers, so cross-origin works):
 const SKYBOX_URL = "https://assets.genex.technology/generations/<id>/skybox-equirect";
-const texture = await new THREE.TextureLoader().loadAsync(SKYBOX_URL);
+const tier = detectTier(); // reuse the boot tier if you already have it
+const texture = await loadTextureWithFallback(SKYBOX_URL, tier, (u) =>
+  new THREE.TextureLoader().loadAsync(u),
+);
 texture.mapping = THREE.EquirectangularReflectionMapping;
 texture.colorSpace = THREE.SRGBColorSpace;
 
@@ -51,6 +59,9 @@ scene.background = texture;   // visible sky
 scene.environment = texture;  // image-based lighting on PBR materials
 ```
 
+Desktop gets the original; phones get the `@2048`/`@4096` rung; a missing rung
+falls back to the original automatically — never a broken boot.
+
 For sharper reflections/lighting, pre-filter it with `PMREMGenerator`:
 
 ```ts
@@ -76,7 +87,7 @@ scene.background = texture; // keep the raw texture for the visible sky
 
 ## Troubleshooting
 
-- **"Not authorized"** — run `npx @genex-ai/cli-demo@latest init` first (it writes your `GENEX_TOKEN`).
+- **"Not authorized"** — run `npx @genex-ai/cli-demo@dev init` first (it writes your `GENEX_TOKEN`).
 - **"Out of credits" (`insufficient_credits`)** — the account has no credits left for
   this skybox generation. Tell the user the facts the CLI printed: their balance, this
   generation's cost, and when their credits refill. Then offer to continue the build

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

@@ -225,7 +225,7 @@ first one is the one a screenshot of the whole arena will not show you.
 
 ## Troubleshooting
 
-- **"Not authorized"** — run `npx @genex-ai/cli-demo@latest init` first (it writes your `GENEX_TOKEN`).
+- **"Not authorized"** — run `npx @genex-ai/cli-demo@dev init` first (it writes your `GENEX_TOKEN`).
 - **"Out of credits" (`insufficient_credits`)** — the account has no credits left for
   this texture generation. Tell the user the facts the CLI printed: their balance,
   this generation's cost, and when their credits refill. Then offer to continue the

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

@@ -145,7 +145,7 @@ set belongs to `$genex-ai-hud` — both build on `npx genex image`/`video`.
 
 ## Troubleshooting
 
-- **"Not authorized"** — run `npx @genex-ai/cli-demo@latest init` first (it writes your `GENEX_TOKEN`).
+- **"Not authorized"** — run `npx @genex-ai/cli-demo@dev init` first (it writes your `GENEX_TOKEN`).
 - **"Prompt rejected"** — the provider's content-safety filter blocked the prompt.
   This is non-retryable; retrying the same wording fails again. Rewrite the prompt.
 - **Nothing plays / black surface** — the first `video.play()` must run inside a user

package/templates/skills/genex-explore/SKILL.md

@@ -71,7 +71,7 @@ Add `--json` for machine-readable output.
 
 1. `git clone <clone URL from the output> <name>` — pick a short one-word name.
 2. `cd <name>`, then run init on the SAME CLI channel your current project
-   uses: `npx @genex-ai/cli-demo@latest init <name>` — or `@dev` when you're
+   uses: `npx @genex-ai/cli-demo@dev init <name>` — or `@dev` when you're
    on the dev stand (unsure? `dashboardOrigins` in your current project's
    `.genex/project.json` says which). Never use `--force`. This creates your
    own project; the original is untouched.

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

@@ -130,7 +130,7 @@ and re-link the clone to the same live game:
 ```bash
 git clone <the game's repo url> my-game && cd my-game
 npm install
-npx @genex-ai/cli-demo@latest link <slug>   # slug = the name in the play URL
+npx @genex-ai/cli-demo@dev link <slug>   # slug = the name in the play URL
 ```
 
 Don't know the slug? **`npx genex list`** prints every game on your account —
@@ -157,7 +157,7 @@ Safe to run any time — genex-owned skills are refreshed to the latest version,
 and your own files are never touched:
 
 ```bash
-npx @genex-ai/cli-demo@latest init
+npx @genex-ai/cli-demo@dev init
 ```
 
 Use `--force` only if you intentionally want your own existing files overwritten