evolutionary-arcade 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.2.0
+
+- New `arcade-onboarding` skill, read with `arcade guide onboarding`: puts a creator's existing games on the arcade, from sign-in first to their profile link, with one dry run and one go for the whole batch.
+- `arcade guide [skill]` prints any of the five skills into the agent's chat, so installing never needs an agent restart. `arcade guide --list` lists them.
+- `arcade login` opens the sign-in page in your browser (`--no-browser` to only print it), and on approval prints your profile address and points back to onboarding.
+- Validation errors say what to produce: a missing thumbnail says to capture a 1280x720 frame of real play and where to save it, and a folder without arcade.json gets the list of fields to write.
+- Demos come with a GIF. `arcade publish` and `arcade media preview` cut a looping `media/preview.gif` from the demo with ffmpeg and set the new `preview_gif` field; a game with a demo can't publish without one. `arcade media gif` remakes just the GIF.
+- A signed-out `arcade publish --dry-run` still runs every local check and prints its Heads up list, then asks you to sign in.
+- The dry run's Heads up list also flags missing controls, a missing demo, and a preview or GIF older than the demo.
+
 ## 0.1.1
 
 - Every game on Evolutionary Arcade is open source under MIT. `arcade publish` says so before it publishes, and refuses an `arcade.json` whose `license` is anything but `"MIT"` (leaving it out means MIT).

package/README.md

@@ -8,8 +8,8 @@ The `arcade` CLI for [Evolutionary Arcade](https://evolutionaryarcade.com), an a
 
 ```bash
 npm i -g evolutionary-arcade
-arcade skills install      # give your coding agent the four arcade skills
-arcade login               # approve a code in your browser
+arcade skills install      # give your coding agent the arcade skills
+arcade login               # opens your browser; approve the code
 arcade fork starwake       # start your own game from Starwake
 cd starwake-remix
 arcade dev                 # play it locally, under the arcade's rules
@@ -19,13 +19,15 @@ arcade publish --yes       # and it's live
 
 ## Hand it to your agent
 
-The CLI is built for coding agents like Claude Code and Codex. Paste this in:
+The CLI is built for coding agents like Claude Code and Codex. To put the games you've already made on the arcade, paste this into your agent:
 
 ```text
-Run `arcade guide` and follow it to fork starwake into a new game. Show me the dry run before you publish.
+Help me put my games on Evolutionary Arcade (evolutionaryarcade.com). Install its CLI with `npm i -g evolutionary-arcade`, run `arcade skills install`, then run `arcade guide onboarding` and follow that guide step by step in this chat. No restart needed.
 ```
 
-`arcade guide` prints the getting-started skill. `arcade skills install` puts all four skills (getting started, building games, remix and blend, publishing) where your agent looks for them.
+It installs the CLI and the skills, signs you in first (you approve in your browser), finds your games, brings each one up to the arcade's standard with real screenshots, controls, and a demo, shows you one dry run, and publishes on your go. You end with your profile link.
+
+`arcade guide <name>` prints any of the five skills (onboarding, getting started, building games, remix and blend, publishing) straight into the agent's chat, so it never needs a restart. `arcade skills install` also puts them where your agent looks for skills in future sessions.
 
 ## Four ways to build on a game
 
@@ -40,8 +42,8 @@ Everything you publish is public, including the source, and every game is open s
 
 | Command | What it does |
 |---|---|
-| `arcade guide` | Prints the getting-started skill. Agents read this first. |
-| `arcade skills install [--target claude\|codex\|all] [--dir <path>]` | Copies the four skills into `~/.claude/skills` and/or `~/.agents/skills`. |
+| `arcade guide [skill] [--list]` | Prints a skill into the agent's chat, no restart needed (default: getting started). `arcade guide onboarding` puts existing games on the arcade. |
+| `arcade skills install [--target claude\|codex\|all] [--dir <path>]` | Copies the five skills into `~/.claude/skills` and/or `~/.agents/skills`. |
 | `arcade login` / `arcade logout` / `arcade whoami` | Sign in with a device code, sign out, or see who you are. |
 | `arcade search <query>` | Find games by title, slug, @handle, or model. |
 | `arcade info <slug>` | A game's versions, generation ids, which one is main, and its parents. |

package/dist/cli.js

@@ -13,7 +13,7 @@ import { dirname, isAbsolute, join } from "path";
 // package.json
 var package_default = {
   name: "evolutionary-arcade",
-  version: "0.1.1",
+  version: "0.2.0",
   description: "The arcade CLI for Evolutionary Arcade. Publish, update, regen, fork, and blend AI-made browser games with your own coding agent.",
   type: "module",
   license: "MIT",
@@ -176,6 +176,7 @@ async function request(path, init = {}) {
 import { Command, InvalidArgumentError, Option } from "commander";
 
 // src/commands/account.ts
+import { spawn } from "child_process";
 import { existsSync as existsSync2, readFileSync as readFileSync2, statSync } from "fs";
 import { hostname, platform } from "os";
 import { extname } from "path";
@@ -228,7 +229,20 @@ var ExitError = class extends Error {
 };
 
 // src/commands/account.ts
-async function login() {
+function openBrowser(url2) {
+  if (process.env.ARCADE_NO_BROWSER === "1" || process.env.CI) return false;
+  const [cmd, args] = process.platform === "darwin" ? ["open", [url2]] : process.platform === "win32" ? ["cmd", ["/c", "start", "", url2]] : ["xdg-open", [url2]];
+  try {
+    const child = spawn(cmd, args, { stdio: "ignore", detached: true });
+    child.on("error", () => {
+    });
+    child.unref();
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function login(opts = {}) {
   const current = savedLogin();
   if (current?.handle)
     out(
@@ -247,8 +261,16 @@ async function login() {
     throw new ExitError(why ?? `Couldn't start login (${res.status}). Try again in a minute.`);
   }
   const start = await res.json();
-  out(`Open ${cyan(start.verification_uri_complete)}`);
+  const opened = opts.browser !== false && openBrowser(start.verification_uri_complete);
+  out(
+    `${opened ? "Opened" : "Open"} ${cyan(start.verification_uri_complete)}${opened ? " in your browser" : ""}`
+  );
   out(`and confirm the code ${bold(start.user_code)}`);
+  out(
+    dim(
+      "New here? You'll pick a handle. It's permanent and becomes your profile address (/u/<handle>), so the name people know you by (like your channel) is a good pick."
+    )
+  );
   out(dim("Waiting for approval\u2026 (this can run in the background)"));
   let interval = start.interval;
   const deadline = Date.now() + start.expires_in * 1e3;
@@ -267,9 +289,12 @@ async function login() {
       saveToken(body.access_token);
       const me = await request("/api/me");
       if (me.user?.handle) saveToken(body.access_token, me.user.handle);
-      out(`Signed in as ${cyan(`@${me.user?.handle ?? "?"}`)}.`);
+      const handle = me.user?.handle;
+      out(`Signed in as ${cyan(`@${handle ?? "?"}`)}.`);
+      if (handle) out(`Your profile: ${cyan(`${apiUrl()}/u/${handle}`)}`);
+      else out(`Pick your handle at ${cyan(`${apiUrl()}/welcome`)} before you publish.`);
       next(
-        "arcade new <slug> to start a game, or arcade fork <game> to build on one. New here? arcade guide"
+        "back in your agent, carry on with onboarding (arcade guide onboarding): find your games, pick, publish."
       );
       return;
     }
@@ -20290,6 +20315,8 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 `;
 }
+var IMPORT_LICENSES = ["MIT", "CC0-1.0", "Unlicense"];
+var IMPORT_RULE = "Imported games must be MIT, or public domain (CC0 or the Unlicense).";
 
 // ../format/src/slug.ts
 var SLUG_MIN = 3;
@@ -20436,6 +20463,13 @@ var provenanceSchema = external_exports.looseObject({
     cost_usd: external_exports.number().nonnegative().optional(),
     wall_time_minutes: external_exports.number().nonnegative().optional(),
     cost_basis: external_exports.enum(["api-equivalent", "billed"]).optional()
+  }).optional(),
+  // The community prompt (evolutionaryarcade.com/prompts) the game was built from: its author's
+  // handle and the prompt's id. The game page shows "Prompted by @handle" when the arcade's own
+  // record of that prompt agrees.
+  prompted_by: external_exports.object({
+    handle: external_exports.string().regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/, "Use the prompter's handle, without the @.").max(40),
+    prompt_id: external_exports.string().regex(/^[0-9a-z]{26}$/, "Use the prompt's id from its page.")
   }).optional()
 }).superRefine((p, ctx) => {
   const bytes = utf8Length(JSON.stringify(p));
@@ -20487,17 +20521,30 @@ var MEDIA_CONTENT_TYPES = {
   jpeg: "image/jpeg",
   webp: "image/webp",
   mp4: "video/mp4",
-  webm: "video/webm"
+  webm: "video/webm",
+  // Only for preview_gif: the CLI makes it from the demo for emails and link previews.
+  gif: "image/gif"
 };
 var ext = (p) => p.split(".").pop()?.toLowerCase() ?? "";
 var imagePath = relPath.refine(
   (p) => ["png", "jpg", "jpeg", "webp"].includes(ext(p)),
   "Use a .png, .jpg, or .webp image."
 );
+var gifPath = relPath.refine((p) => ext(p) === "gif", "Use a .gif made from the demo.");
 var videoPath = relPath.refine(
   (p) => ["mp4", "webm"].includes(ext(p)),
   "Use an .mp4 or .webm video."
 );
+var sourceSchema = external_exports.object({
+  repo: external_exports.string().regex(
+    /^https:\/\/github\.com\/[A-Za-z0-9](?:[A-Za-z0-9-]{0,38})\/[A-Za-z0-9._-]{1,100}$/,
+    "Use the repo's address, like https://github.com/owner/repo."
+  ),
+  owner_id: external_exports.number().int().positive(),
+  author: external_exports.string().trim().min(1).max(100),
+  license: external_exports.enum(IMPORT_LICENSES),
+  license_file: relPath
+});
 function mediaContentType(path) {
   return MEDIA_CONTENT_TYPES[ext(path)] ?? null;
 }
@@ -20530,8 +20577,13 @@ var arcadeSchema = external_exports.object({
   screenshots: external_exports.array(imagePath).min(1).max(12),
   demo_video: videoPath.optional(),
   preview_video: videoPath.optional(),
+  // A short looping GIF cut from the demo (`arcade publish` makes it), for places a video can't
+  // play: "someone remixed your game" emails and link previews. The CLI requires it whenever
+  // there's a demo.
+  preview_gif: gifPath.optional(),
   lineage: lineageSchema.default({ kind: "original", parents: [] }),
-  provenance: provenanceSchema.default({ subagent_models: [] })
+  provenance: provenanceSchema.default({ subagent_models: [] }),
+  source: sourceSchema.optional()
 }).superRefine((a, ctx) => {
   if (a.lineage.parents.some((p) => p.slug === a.slug)) {
     ctx.addIssue({
@@ -20604,6 +20656,8 @@ var friendlyIssue = (iss) => {
     case "leaderboards.*.max":
       if (iss.input === void 0) return "Add a max: the best score a real player could reach.";
       break;
+    case "source.license":
+      return IMPORT_RULE;
     case "provenance.orchestrator.model":
     case "provenance.subagent_models.*.model":
       if (missing) return "Add the model's name.";
@@ -21024,7 +21078,8 @@ function derived2(src, overrides) {
     "thumbnail",
     "screenshots",
     "demo_video",
-    "preview_video"
+    "preview_video",
+    "preview_gif"
   ];
   const out2 = { schema: "arcade/v0" };
   for (const k of keep) if (a[k] !== void 0) out2[k] = a[k];
@@ -21326,7 +21381,7 @@ function dev(dirArg, opts) {
 
 // src/commands/publish.ts
 import { execFileSync } from "child_process";
-import { existsSync as existsSync5, readFileSync as readFileSync7, writeFileSync as writeFileSync3 } from "fs";
+import { existsSync as existsSync5, readFileSync as readFileSync7, statSync as statSync5, writeFileSync as writeFileSync3 } from "fs";
 import { isAbsolute as isAbsolute2, join as join5, relative as relative2, resolve as resolve3, sep as sep4 } from "path";
 
 // src/files.ts
@@ -21409,6 +21464,55 @@ function walkGame(root) {
   return { files, skipped, skippedLinks };
 }
 
+// src/fixes.ts
+var CAPTURE_GUIDE = 'arcade guide publishing, "Capturing media"';
+var thumbnailFix = (path) => `Run the game (arcade dev), capture a 1280x720 frame of real play, mid-action with no title screen or added text, and save it as ${path}.`;
+var screenshotFix = (path) => `Capture a different moment of real play at 1280x720 and save it as ${path}. Aim for 2 to 4 screenshots in all.`;
+var demoFix = (path) => `Record 15 to 30 s of real play at 1280x720 as H.264 and save it as ${path}, with the action starting in the first second (${CAPTURE_GUIDE}).`;
+var fromDemoFix = "Run `arcade media preview` to make it from the demo.";
+var ARCADE_JSON_TEMPLATE = [
+  '"schema": "arcade/v0"',
+  '"slug": the permanent web address, 3 to 40 lowercase letters, digits, and single hyphens. Pick it with the creator.',
+  '"title": up to 80 characters',
+  '"description": one or two sentences a player reads before pressing play',
+  '"controls": every key, button, and touch a player needs',
+  '"input": { "keyboard_mouse": true, "gamepad": false, "touch": false } (true only for paths that work end to end)',
+  `"thumbnail": "media/thumbnail.png". ${thumbnailFix("media/thumbnail.png")}`,
+  `"screenshots": ["media/shot-1.png", "media/shot-2.png"]. Real play at 1280x720, 1 to 12 of them.`,
+  '"play": { "root": "dist" } only if the playable build lives in a subfolder'
+];
+function explainIssue(issue2, raw) {
+  const line = issue2.path && issue2.message.startsWith(`${issue2.path} `) ? issue2.message : `${issue2.path || "arcade.json"}: ${issue2.message}`;
+  const fix = fixFor(issue2, raw);
+  return fix ? `${line} Fix: ${fix}` : line;
+}
+function fixFor(issue2, raw) {
+  const path = issue2.path;
+  const value = (key, fallback) => typeof raw[key] === "string" && raw[key] ? raw[key] : fallback;
+  if (path === "thumbnail")
+    return `${thumbnailFix(value("thumbnail", "media/thumbnail.png"))} Then set "thumbnail" to that path.`;
+  if (path === "screenshots" || path.startsWith("screenshots."))
+    return `${screenshotFix("media/shot-1.png")} List the paths in "screenshots".`;
+  if (path === "demo_video") return `${demoFix("media/demo.mp4")} Then set "demo_video".`;
+  if (path === "preview_video" || path === "preview_gif") return fromDemoFix;
+  if (path === "title") return `Set "title" to the game's name as players should see it.`;
+  if (path === "description")
+    return 'Set "description" to one or two sentences: the fantasy and the goal.';
+  if (path === "slug")
+    return 'Set "slug" to the web address you chose with the creator. It is permanent.';
+  if (path === "schema") return 'Add "schema": "arcade/v0" at the top.';
+  return null;
+}
+function missingMediaLine(path, raw) {
+  if (raw.thumbnail === path) return `${path} (thumbnail): ${thumbnailFix(path)}`;
+  if (Array.isArray(raw.screenshots) && raw.screenshots.includes(path))
+    return `${path} (screenshot): ${screenshotFix(path)}`;
+  if (raw.demo_video === path) return `${path} (demo): ${demoFix(path)}`;
+  if (raw.preview_video === path) return `${path} (hover preview): ${fromDemoFix}`;
+  if (raw.preview_gif === path) return `${path} (GIF): ${fromDemoFix}`;
+  return path;
+}
+
 // src/secrets.ts
 import { readFileSync as readFileSync5 } from "fs";
 var MAX_SCAN_BYTES = 5 * 1024 * 1024;
@@ -21574,7 +21678,12 @@ function missingSessions(named) {
 function readArcadeRaw(dir) {
   const path = join5(dir, "arcade.json");
   if (!existsSync5(path))
-    throw new ExitError(`No arcade.json in ${dir}. Start with \`arcade new <slug>\`.`, 2);
+    throw new ExitError(
+      `No arcade.json in ${dir}. Write one at the top of the game folder with at least these fields (arcade guide publishing has a full example):`,
+      2,
+      ARCADE_JSON_TEMPLATE,
+      "Starting a brand-new game instead? arcade new <slug>"
+    );
   try {
     return JSON.parse(readFileSync7(path, "utf8"));
   } catch (e) {
@@ -21589,48 +21698,77 @@ function hasFfmpeg() {
     return false;
   }
 }
+function runFfmpeg(args, what) {
+  try {
+    execFileSync("ffmpeg", ["-y", "-loglevel", "error", ...args], {
+      stdio: ["ignore", "ignore", "pipe"]
+    });
+  } catch (e) {
+    const last = String(e.stderr ?? "").trim().split("\n").filter(Boolean).pop();
+    throw new ExitError(`ffmpeg couldn't make the ${what}${last ? `: ${last}` : "."}`);
+  }
+}
 function makePreview(dir, demo, target = "media/preview.mp4") {
   if (!hasFfmpeg()) return null;
-  try {
-    execFileSync(
-      "ffmpeg",
+  runFfmpeg(
+    [
+      "-i",
+      join5(dir, demo),
+      "-t",
+      "12",
+      "-an",
+      "-vf",
+      "scale=854:-2,fps=30",
+      "-c:v",
+      "libx264",
+      "-preset",
+      "veryfast",
+      "-crf",
+      "30",
+      "-pix_fmt",
+      "yuv420p",
+      "-movflags",
+      "+faststart",
+      join5(dir, target)
+    ],
+    "preview"
+  );
+  return target;
+}
+var MAX_GIF_BYTES = 5 * 1024 * 1024;
+function makeGif(dir, demo, target = "media/preview.gif") {
+  if (!hasFfmpeg()) return null;
+  const tries = [
+    { width: 480, fps: 12, seconds: 6 },
+    { width: 360, fps: 10, seconds: 5 }
+  ];
+  for (const t of tries) {
+    runFfmpeg(
       [
-        "-y",
-        "-loglevel",
-        "error",
         "-i",
         join5(dir, demo),
         "-t",
-        "12",
+        String(t.seconds),
         "-an",
         "-vf",
-        "scale=854:-2,fps=30",
-        "-c:v",
-        "libx264",
-        "-preset",
-        "veryfast",
-        "-crf",
-        "30",
-        "-pix_fmt",
-        "yuv420p",
-        "-movflags",
-        "+faststart",
+        `fps=${t.fps},scale=${t.width}:-2:flags=lanczos,split[a][b];[a]palettegen=max_colors=128:stats_mode=diff[p];[b][p]paletteuse=dither=bayer:bayer_scale=4`,
+        "-loop",
+        "0",
         join5(dir, target)
       ],
-      { stdio: ["ignore", "ignore", "pipe"] }
+      "GIF"
     );
-  } catch (e) {
-    const last = String(e.stderr ?? "").trim().split("\n").filter(Boolean).pop();
-    throw new ExitError(`ffmpeg couldn't make the preview${last ? `: ${last}` : "."}`);
+    if (statSync5(join5(dir, target)).size <= MAX_GIF_BYTES) return target;
   }
-  return target;
+  throw new ExitError(
+    `The GIF came out over ${MAX_GIF_BYTES / 1024 / 1024} MB, even small. Re-cut the demo so its first 5 seconds are less busy (a later -ss), then run \`arcade media preview\` again.`
+  );
 }
-async function mediaPreview(dirArg) {
-  const dir = resolve3(dirArg ?? ".");
-  const raw = readArcadeRaw(dir);
+var NO_FFMPEG = "ffmpeg isn't installed. Install it (macOS: `brew install ffmpeg`, Ubuntu: `sudo apt install ffmpeg`, Windows: `winget install ffmpeg`) and try again.";
+function demoFor(dir, raw, what) {
   if (typeof raw.demo_video !== "string")
     throw new ExitError(
-      "arcade.json has no demo_video to make a preview from. Record a demo first (see arcade-publishing).",
+      `arcade.json has no demo_video to make ${what} from. Record 15-30 s of real play at 1280x720 into media/demo.mp4 and set "demo_video": "media/demo.mp4" (arcade guide publishing, "Capturing media").`,
       2
     );
   if (!existsSync5(join5(dir, raw.demo_video)))
@@ -21638,15 +21776,33 @@ async function mediaPreview(dirArg) {
       `${raw.demo_video} isn't in the folder yet. Record a demo first (see arcade-publishing).`,
       2
     );
-  const made = makePreview(dir, raw.demo_video);
-  if (!made)
-    throw new ExitError(
-      "ffmpeg isn't installed. Install it (e.g. `brew install ffmpeg`) and try again."
-    );
+  return raw.demo_video;
+}
+async function mediaPreview(dirArg) {
+  const dir = resolve3(dirArg ?? ".");
+  const raw = readArcadeRaw(dir);
+  const demo = demoFor(dir, raw, "a preview");
+  const made = makePreview(dir, demo);
+  if (!made) throw new ExitError(NO_FFMPEG);
+  const gif = makeGif(dir, demo);
+  if (!gif) throw new ExitError(NO_FFMPEG);
   raw.preview_video = made;
+  raw.preview_gif = gif;
+  writeFileSync3(join5(dir, "arcade.json"), `${JSON.stringify(raw, null, 2)}
+`);
+  out(
+    `Made ${made} and ${gif} (${mb(statSync5(join5(dir, gif)).size)}) and added them to arcade.json.`
+  );
+}
+async function mediaGif(dirArg) {
+  const dir = resolve3(dirArg ?? ".");
+  const raw = readArcadeRaw(dir);
+  const gif = makeGif(dir, demoFor(dir, raw, "a GIF"));
+  if (!gif) throw new ExitError(NO_FFMPEG);
+  raw.preview_gif = gif;
   writeFileSync3(join5(dir, "arcade.json"), `${JSON.stringify(raw, null, 2)}
 `);
-  out(`Made ${made} and added it to arcade.json.`);
+  out(`Made ${gif} (${mb(statSync5(join5(dir, gif)).size)}) and added it to arcade.json.`);
 }
 function describeAction(p, parentNames) {
   switch (p.action) {
@@ -21708,7 +21864,7 @@ function listWords(words) {
   return `${words.slice(0, -1).join(", ")}${words.length > 2 ? "," : ""} and ${words.at(-1)}`;
 }
 var HOME_PATH = /(?:\/Users\/|\/home\/|[A-Za-z]:\\Users\\)[^\s/\\"'`]+/;
-function headsUp(arcade, files, alreadyOnArcade, secretWarnings) {
+function headsUp(arcade, files, alreadyOnArcade, secretWarnings, dir) {
   const notes = [];
   const kind = arcade.lineage.kind;
   const derived3 = kind === "fork" || kind === "blend" || kind === "regen";
@@ -21734,6 +21890,7 @@ function headsUp(arcade, files, alreadyOnArcade, secretWarnings) {
     if (shots) words.push(shots === 1 ? "screenshot" : plural(shots, "screenshot"));
     if (reused(arcade.demo_video)) words.push("demo");
     if (reused(arcade.preview_video)) words.push("hover preview");
+    if (reused(arcade.preview_gif)) words.push("GIF");
     if (words.length) {
       const one = words.length === 1 && shots <= 1;
       const whose = kind === "regen" ? "the original's" : kind === "fork" ? "the parent's" : "a parent's";
@@ -21768,6 +21925,30 @@ function headsUp(arcade, files, alreadyOnArcade, secretWarnings) {
         `${what} a home folder (${hit}). Prompts and notes are public, so edit paths out.`
       );
   }
+  if (!arcade.controls?.trim())
+    notes.push(
+      'There are no controls. Add "controls" with every key, button, and touch a player needs.'
+    );
+  if (!arcade.demo_video)
+    notes.push(
+      `There's no demo. Phones show the demo for keyboard-only games, and cards play a preview cut from it: record 15 to 30 s of real play (${CAPTURE_GUIDE}).`
+    );
+  const age = (p2) => {
+    try {
+      return p2 ? statSync5(join5(dir, p2)).mtimeMs : null;
+    } catch {
+      return null;
+    }
+  };
+  const demoAt = age(arcade.demo_video);
+  const stale = [
+    ["hover preview", age(arcade.preview_video)],
+    ["GIF", age(arcade.preview_gif)]
+  ].filter(([, t]) => demoAt !== null && t !== null && t < demoAt);
+  if (stale.length)
+    notes.push(
+      `The ${stale.map(([w]) => w).join(" and ")} ${stale.length > 1 ? "are" : "is"} older than the demo. Run \`arcade media preview\` to remake ${stale.length > 1 ? "them" : "it"}.`
+    );
   const thumb = files.find((f) => f.path === arcade.thumbnail);
   if (thumb && thumb.size > 500 * 1024) {
     const webp = arcade.thumbnail.replace(/\.[^.]+$/, ".webp");
@@ -21837,6 +22018,20 @@ async function publish(dirArg, opts) {
       out(yellow(`No hover preview: ${e.message} Cards will show the thumbnail.`));
     }
   }
+  if (typeof raw.demo_video === "string" && !raw.preview_gif && existsSync5(join5(dir, raw.demo_video))) {
+    const made = makeGif(dir, raw.demo_video);
+    if (!made)
+      throw new ExitError(
+        "This game has a demo, so it needs a GIF made from it, and that takes ffmpeg.",
+        2,
+        [NO_FFMPEG],
+        "Then run `arcade media preview` (or publish again, which makes it for you)."
+      );
+    raw.preview_gif = made;
+    writeFileSync3(join5(dir, "arcade.json"), `${JSON.stringify(raw, null, 2)}
+`);
+    out(dim(`Made a GIF from the demo (${made}, ${mb(statSync5(join5(dir, made)).size)}).`));
+  }
   const prov = raw.provenance ?? {};
   const orch = prov.orchestrator ?? null;
   const named = opts.session ?? [];
@@ -21877,8 +22072,18 @@ async function publish(dirArg, opts) {
     out(dim("arcade.json already has token counts, so --session wasn't used."));
   }
   const parsed = parseArcadeJson(raw);
-  if (!parsed.ok) throw new ExitError("arcade.json has problems:", 2, parsed.errors);
+  if (!parsed.ok)
+    throw new ExitError(
+      "arcade.json has problems:",
+      2,
+      parsed.issues.map((i) => explainIssue(i, raw)),
+      "Fix every one, then run the same command again. Don't delete fields to get past a check."
+    );
   const arcade = parsed.value;
+  if (arcade.demo_video && !arcade.preview_gif)
+    throw new ExitError("A game with a demo needs a GIF made from it (preview_gif).", 2, [
+      `${arcade.demo_video} (demo): record it first, then run \`arcade media preview\`.`
+    ]);
   await fillLicenseHolder(dir);
   const { files, skipped, skippedLinks } = walkGame(dir);
   const bad = files.filter((f) => !f.type);
@@ -21891,14 +22096,20 @@ async function publish(dirArg, opts) {
   }
   const notMit = files.filter((f) => isLicenseFile(f.path)).map((f) => licenseFileProblem(f.path, readFileSync7(f.abs, "utf8"))).filter((p) => p !== null);
   if (notMit.length) throw new ExitError("The game's license needs fixing:", 2, notMit);
-  const media = [arcade.thumbnail, ...arcade.screenshots, arcade.demo_video, arcade.preview_video];
+  const media = [
+    arcade.thumbnail,
+    ...arcade.screenshots,
+    arcade.demo_video,
+    arcade.preview_video,
+    arcade.preview_gif
+  ];
   const missingMedia = media.filter((m) => !!m && !files.some((f) => f.path === m));
   if (missingMedia.length) {
     throw new ExitError(
       "arcade.json points at files that aren't in the folder:",
       2,
-      missingMedia,
-      "Capture media from your build, and run `arcade media preview` after a new demo (see arcade-publishing)."
+      missingMedia.map((m) => missingMediaLine(m, raw)),
+      `Capture media from real play of this build (${CAPTURE_GUIDE}).`
     );
   }
   const allowed = allowedPaths(dir, opts.allowSecret);
@@ -21932,6 +22143,24 @@ async function publish(dirArg, opts) {
   try {
     prepared = await request("/api/publish/prepare", { method: "POST", json: body });
   } catch (e) {
+    if (opts.dryRun && e instanceof ApiError && e.status === 401) {
+      const notes2 = headsUp(arcade, files, () => false, secrets.warnings, dir);
+      out(
+        green(
+          `Local checks passed for ${arcade.title} (${arcade.slug}): arcade.json, ${plural(files.length, "file")} (${mb(files.reduce((n, f) => n + f.size, 0))}), license, media, and secrets.`
+        )
+      );
+      if (notes2.length) {
+        out(bold(yellow("Heads up:")));
+        for (const n of notes2) out(`  - ${n}`);
+      }
+      throw new ExitError(
+        "The arcade's own checks (the slug, the limits) and the full file list need you signed in.",
+        1,
+        [],
+        "Run `arcade login`, approve it in the browser, then run `arcade publish --dry-run` again."
+      );
+    }
     throw fromApi(e);
   }
   const { plan, missing } = prepared;
@@ -21947,7 +22176,7 @@ async function publish(dirArg, opts) {
   const totalBytes = files.reduce((n, f) => n + f.size, 0);
   const newFiles = files.filter(isNew);
   const uploadBytes = newFiles.reduce((n, f) => n + f.size, 0);
-  const notes = headsUp(arcade, files, onArcade, secrets.warnings);
+  const notes = headsUp(arcade, files, onArcade, secrets.warnings, dir);
   out("");
   out(`${pink("\u25CF")} This will publish ${describeAction(plan, parentNames)}`);
   out(
@@ -22174,13 +22403,35 @@ function skillsDir() {
     "The bundled skills are missing from this install. Reinstall evolutionary-arcade."
   );
 }
-function guide(opts = {}) {
-  const text = readFileSync8(join6(skillsDir(), "arcade-getting-started", "SKILL.md"), "utf8");
+function skillNames() {
+  return readdirSync4(skillsDir()).filter((n) => n.startsWith("arcade-")).sort();
+}
+function resolveSkill(name) {
+  const want = name.startsWith("arcade-") ? name : `arcade-${name}`;
+  const names = skillNames();
+  if (names.includes(want)) return want;
+  throw new ExitError(
+    `There's no skill called ${name}.`,
+    2,
+    names.map((n) => n.replace(/^arcade-/, ""))
+  );
+}
+function guide(name, opts = {}) {
+  if (opts.list) {
+    for (const n of skillNames()) out(`arcade guide ${n.replace(/^arcade-/, "")}`);
+    return;
+  }
+  const skill = resolveSkill(name ?? "getting-started");
+  const text = readFileSync8(join6(skillsDir(), skill, "SKILL.md"), "utf8");
   if (opts.raw) {
     process.stdout.write(text);
     return;
   }
-  out(dim("The arcade-getting-started skill (arcade skills install gives your agent all four)"));
+  out(
+    dim(
+      `The ${skill} skill. Read any other with arcade guide <name> (${skillNames().map((n) => n.replace(/^arcade-/, "")).join(", ")}), no restart needed.`
+    )
+  );
   out("");
   process.stdout.write(text.replace(/^---\n[\s\S]*?\n---\n+/, ""));
 }
@@ -22190,7 +22441,7 @@ var TARGETS = {
 };
 function installSkills(opts) {
   const src = skillsDir();
-  const names = readdirSync4(src).filter((n) => n.startsWith("arcade-"));
+  const names = skillNames();
   const targets = opts.dir ? [resolve4(opts.dir)] : (opts.target === "all" || !opts.target ? Object.keys(TARGETS) : [opts.target]).map((t) => {
     const f = TARGETS[t];
     if (!f) throw new ExitError(`Unknown --target ${t}. Use claude, codex, or all.`, 2);
@@ -22204,7 +22455,7 @@ function installSkills(opts) {
   }
   out(dim(names.join(", ")));
   next(
-    "restart your agent so it picks up the skills, then tell it: use the arcade-getting-started skill."
+    "no restart needed. In this chat, read a skill with arcade guide <name> (start with arcade guide onboarding). New agent sessions load them on their own."
   );
 }
 
@@ -22241,17 +22492,23 @@ Examples:
   arcade publish --dry-run           see exactly what would go public
   arcade info last-signal            versions, generations, and which one is main
 
-Agents: run \`arcade guide\` first. Everything you publish is public, including the source.`;
+Agents: run \`arcade guide\` first. To put games someone already made on the arcade,
+run \`arcade guide onboarding\`. Everything you publish is public, including the source.`;
 function buildProgram() {
   const program = new Command().name("arcade").description(
     "Evolutionary Arcade: an arcade of open-source, AI-made browser games.\nPublish, update, regen, fork, and blend games with your own coding agent."
   ).version(VERSION).showHelpAfterError().addHelpText("after", ROOT_HELP);
   program.commandsGroup("Getting started:");
-  program.command("guide").description("print the getting-started skill (read this first if you are an agent)").option("--raw", "print the exact skill file, frontmatter included").action(guide);
-  program.command("skills").description("manage the bundled agent skills").command("install").description("copy the 4 arcade skills into ~/.claude/skills and/or ~/.agents/skills").addOption(
+  program.command("guide [skill]").description(
+    "print a skill into this chat, no restart needed (default: getting-started; agents read this first)"
+  ).option("--raw", "print the exact skill file, frontmatter included").option("--list", "list the skills you can print").action((skill, opts) => guide(skill, opts)).addHelpText(
+    "after",
+    "\nExamples:\n  arcade guide onboarding    put games you already made on the arcade\n  arcade guide publishing    arcade.json, media, the dry run"
+  );
+  program.command("skills").description("manage the bundled agent skills").command("install").description("copy the arcade skills into ~/.claude/skills and/or ~/.agents/skills").addOption(
     new Option("--target <target>", "where to install").choices(["claude", "codex", "all"]).default("all")
   ).option("--dir <path>", "install into this folder instead").action(installSkills);
-  program.command("login").description("sign in through your browser (device code)").action(login);
+  program.command("login").description("open the sign-in page in your browser and wait for your approval (device code)").option("--no-browser", "only print the link (also: ARCADE_NO_BROWSER=1)").action(login);
   program.command("logout").description("sign out and revoke this machine's token").action(logout);
   program.command("whoami").description("show who you're signed in as").option("--json", "print JSON").action(whoami);
   program.helpCommand("help [command]", "show help for a command");
@@ -22283,7 +22540,11 @@ function buildProgram() {
     "after",
     "\nExamples:\n  arcade publish --dry-run          check it and see the file list\n  arcade publish --yes              publish after you've read the dry run\n  arcade publish --yes --no-stats   when these tokens aren't from this build"
   );
-  program.command("media").description("media helpers").command("preview [dir]").description("make media/preview.mp4 (12 s) from your demo with ffmpeg").action(mediaPreview);
+  const media = program.command("media").description("media helpers (they need ffmpeg)");
+  media.command("preview [dir]").description(
+    "remake media/preview.mp4 (12 s) and media/preview.gif (6 s) from your demo, after every new demo"
+  ).action(mediaPreview);
+  media.command("gif [dir]").description("remake only media/preview.gif from your demo").action(mediaGif);
   program.command("main <slug> <generation>").description("(owner) pick which generation is main for its version").action(setMain);
   program.command("unpublish <slug>").description("(owner) take your game down").action((slug) => setPublished(slug, false));
   program.command("republish <slug>").description("(owner) bring your game back").action((slug) => setPublished(slug, true));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evolutionary-arcade",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "The arcade CLI for Evolutionary Arcade. Publish, update, regen, fork, and blend AI-made browser games with your own coding agent.",
   "type": "module",
   "license": "MIT",

package/skills/arcade-getting-started/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: arcade-getting-started
-description: Start here for any Evolutionary Arcade (evolutionaryarcade.com) task. Use when you are asked to make, update, regenerate, remix, fork, blend, or publish a browser game for Evolutionary Arcade, when the `arcade` CLI or the `evolutionary-arcade` npm package comes up, or when you find an arcade.json in the working folder. Covers the five kinds of build (original, update, regen, fork, blend), install and login, the path to a first published game, the rules every upload must meet, and which sibling skill to read next.
+description: Start here for any Evolutionary Arcade (evolutionaryarcade.com) task. Use when you are asked to make, update, regenerate, remix, fork, blend, or publish a browser game for Evolutionary Arcade, when the `arcade` CLI or the `evolutionary-arcade` npm package comes up, or when you find an arcade.json in the working folder. Routes a creator who wants to put games they already made on the arcade to `arcade-onboarding`. Covers the five kinds of build (original, update, regen, fork, blend), install and login, the path to a first published game, the rules every upload must meet, and which sibling skill to read next.
 ---
 
 # Evolutionary Arcade: getting started
@@ -9,6 +9,8 @@ Evolutionary Arcade is an arcade of open-source browser games made by AI agents.
 
 What good looks like: a game that plays well in an iframe on the site, has honest metadata, and was published the way the user meant. The *kind* of build matters as much as the code, because it decides where the game lands and which game it's linked to.
 
+**Putting games you already made on the arcade?** That's onboarding: run `arcade guide onboarding` and follow it. It covers signing in first, finding the games, bringing each one up to the arcade's standard, the demo, and one dry run for the whole batch.
+
 ## Versions, generations, and the main one
 
 A game has numbered versions (v1, v2, ...). Each version holds a stack of generations, which are alternative builds of that version, and one generation per version is the main one, the build players get (the site marks it MAIN). An update adds a version. A regen adds a generation to an existing version's stack. The owner picks the main one with `arcade main <slug> <generation>`. `arcade info <slug>` lists a game's versions, every generation id, and which one is main.
@@ -37,15 +39,16 @@ Use your judgment on the edges:
 
 ```bash
 npm i -g evolutionary-arcade
-arcade login      # prints a URL and a code, then waits for the human to approve in a browser
+arcade login      # opens the sign-in page, prints the URL and a code, waits for the human to approve
 arcade whoami
 ```
 
-Only a human can approve the login. Run `arcade login` in the background, give the user the URL and code, and keep working.
+Only a human can approve the login. Run `arcade login` in the background: it opens the sign-in page in their browser (`--no-browser` only prints it). Give the user the code, and keep working. When they approve, it prints their handle and profile address and exits.
 
 - `ARCADE_TOKEN` overrides the saved login, for CI. The only way to get a token is `arcade login`, which saves it in `~/.config/evolutionary-arcade/credentials.json` (or under `$XDG_CONFIG_HOME`), keyed by API URL. CLI tokens expire after 90 days.
 - `ARCADE_API_URL` points the CLI at a preview or local server. It defaults to `https://evolutionaryarcade.com`.
-- `arcade skills install [--target claude|codex|all]` copies the four arcade skills to where your harness looks for skills. Restart the agent afterwards so it picks them up.
+- `arcade guide <name>` prints any arcade skill into the current chat, so you never need a restart: `onboarding`, `building-games`, `remix-and-blend`, `publishing` (`arcade guide --list`).
+- `arcade skills install [--target claude|codex|all]` also copies the skills to where your harness looks for them, for future sessions. Don't ask the user to restart you; read them with `arcade guide <name>` in this one.
 - `arcade --help` and `arcade <command> --help` are the command reference. Check them rather than guessing a flag.
 
 ## Your first game
@@ -69,7 +72,7 @@ arcade publish --yes                   # only after the user says go
 - **Publish on the user's go, with `--yes`.** Publishing puts the game on the public site under the user's name. Run `arcade publish --dry-run` and show them the file list and the Model card. Their go in chat is the confirmation, so then run `arcade publish --yes`. Without `--yes`, the CLI asks a y/N question your shell can't answer, and it stops without publishing. If you change the folder after they've seen the dry run, show them a new one.
 - **The game must be static and self-contained.** Use relative URLs, and make no requests to other origins (CDNs, APIs, web fonts, analytics). Loading your own files by relative URL is fine. `arcade-building-games` covers the details.
 - **Only web asset and source types upload.** That means html, js, css, json, md, images, audio, video, fonts, glb, wasm, plain-text source and config (ts, yml, toml, csv, and dotfiles like `.gitignore`), and a few more (`arcade-building-games` has the full list). The CLI exits 2 on anything else, such as `yarn.lock`, a `.zip`, `.fbx`, `.blend`, or `.psd`. Move those out of the game folder, and convert models to .glb. It skips `.git`, `node_modules`, and editor folders on its own.
-- **Every build needs its own media.** In arcade.json, `thumbnail` and 1 to 12 `screenshots` are required. Each one is a .png, .jpg, or .webp under 5 MB, given as a relative path inside the folder and captured from real play of your build. A regen downloads no media, and a fork or blend arrives with the parent's media, so capture new images every time. `arcade-publishing` covers capture, the demo video, and the hover preview.
+- **Every build needs its own media.** In arcade.json, `thumbnail` and 1 to 12 `screenshots` are required, and a game with a `demo_video` also needs its `preview_gif` (`arcade publish` makes it with ffmpeg). Each one is a .png, .jpg, or .webp under 5 MB, given as a relative path inside the folder and captured from real play of your build. A regen downloads no media, and a fork or blend arrives with the parent's media, so capture new images every time. `arcade-publishing` covers capture, the demo video, and the hover preview.
 - **Provenance must be true:** the models, harness, and process you actually used. Prompts are optional. Share one only if the creator wants it public. When you leave token counts blank, `arcade publish` fills them from local Claude Code session logs for this folder and labels the harness Claude Code. Check those numbers in the dry run. If they aren't from this build, for example because you used another harness, pass `--no-stats`.
 - **Exit code 2 means something to fix,** and each problem is listed. Fix every problem and run the command again. Don't delete fields to make the errors go away.
 
@@ -77,6 +80,7 @@ arcade publish --yes                   # only after the user says go
 
 - `arcade-building-games`: making the game itself. Covers the iframe and CSP, input and pointer lock, audio, performance, file types, and playtesting. Read it before you write code, for every kind of build.
 - `arcade-remix-and-blend`: update, fork, blend, and regen. Covers choosing between them, reading parent code, `BLEND.md`, reusing a prompt faithfully, and keeping lineage intact.
+- `arcade-onboarding`: putting a creator's existing games on the arcade, from sign-in to their profile link.
 - `arcade-publishing`: arcade.json fields, the Model card, capturing media, reading the dry run, picking the main generation, and unpublishing.
 
 ## Examples

package/skills/arcade-onboarding/SKILL.md

@@ -0,0 +1,157 @@
+---
+name: arcade-onboarding
+description: Use when a creator wants to put games they already made on Evolutionary Arcade (evolutionaryarcade.com), usually right after they pasted the arcade's prompt into their agent ("help me put my games on Evolutionary Arcade", `arcade guide onboarding`). Walks the first session in Alex's order - vision (what they want, asked all up front), pre-flight (sign-in, tools, the ownership and MIT check) while they're still at the keyboard, then "let me cook": find the games, a fit table with your own time estimates, as-is or optimize, demos and GIFs, one combined dry run and one go, then a ready line with their profile link. Also covers GitHub repos as a source, failures, and the 30-a-day cap.
+---
+
+# Onboarding a creator onto Evolutionary Arcade
+
+## The situation
+
+A creator pasted the arcade's prompt into you. They make browser games with AI, often for a YouTube channel, and they want those games on the arcade with a profile page they can link from their videos. They probably already have several games on their computer or on GitHub.
+
+The arcade is opinionated on purpose. The `arcade` CLI does very little: it validates strictly and publishes. **You do the work**: write `arcade.json`, capture the thumbnail and screenshots from real play, write the controls, record the demo, and bring each game up to the arcade's standard. When the CLI refuses something, its error says exactly what to produce. Do that; don't argue with it and never delete a field to get past a check.
+
+Creators get a high-quality showcase out of this even for games they later publish elsewhere, so do it properly.
+
+What done looks like: the creator's chosen games are live, each with honest metadata, a real thumbnail and screenshots, a demo (and its GIF) if they accepted the offer, and the creator has a line for their video description with their profile link.
+
+## The shape: vision, pre-flight, then let me cook
+
+Every question that needs the creator happens at the start, while they're interested and at the keyboard. Then you work on your own and come back with one thing to approve and a link.
+
+1. **Vision** (step 1): what they want out of the arcade, which games, and their defaults for optimizing and demos.
+2. **Pre-flight** (step 2): sign-in, the tools you'll need, and the ownership check. All the human-in-the-loop setup, done now.
+3. **Let me cook** (steps 3-6): say "I've got it from here. I'll come back with one summary to approve," then do the work.
+4. **One go, then the link** (steps 7-8): the only question while you cook is the publish go, because it makes their games public under their name.
+
+## Ground rules for the whole session
+
+- **One question at a time, each with a default.** Creators are busy. "Want me to ...? (default: yes)" beats an open question.
+- **You never sign in, and never ask for a token or password.** Only the creator approves the sign-in in their browser.
+- **Nothing goes public without their go.** One go covers one batch, after they've seen one combined dry run. If anything changes after that, show it again.
+- **Don't change their system silently.** Installing Node, ffmpeg, or Playwright is their call. Give the one-line command and ask.
+- **Work on copies.** Copy each game to `~/arcade-games/<slug>/` (skip `node_modules`, `.git`, build caches, `.env*`) and work there. Their original folders stay untouched unless they ask you to work in place.
+- **Read `arcade guide <name>` when a step needs it.** The other skills print the same way, with no restart: `building-games` (iframe, CSP, input, saves, leaderboards), `publishing` (arcade.json, media capture, the dry run), `remix-and-blend`.
+
+## Step 0. Install (the prompt already asked for it)
+
+1. `node -v`. It needs 20 or newer. If it's missing or old, tell the creator how to install it (nodejs.org, or `brew install node`) and wait.
+2. `npm i -g evolutionary-arcade`, then `arcade skills install`. Then `arcade guide onboarding` (this file). **Don't ask them to restart you.** The skills are installed for future sessions; in this one you read them with `arcade guide <name>`.
+3. `arcade --version` should say 0.2.0 or newer. If it's older, run the install again.
+
+## Step 1. Vision: what they want
+
+Ask these together, in one message, each with a default, and wait for one reply:
+
+> "Before I set anything up, four quick things:
+> 1. What do you want out of the arcade? A showcase to link from your videos, a place to share with friends, or both? (default: a showcase for your channel)
+> 2. Which games? Tell me where they are (folders or GitHub links), or I can survey your computer for games that look like a good fit. (default: survey)
+> 3. Upload them as they are, or optimize them for the arcade first: touch controls (most YouTube viewers are on phones), gamepad, saved progress, leaderboards? (default: as-is now, optimize later)
+> 4. Want me to play each game and record a short demo? It doesn't take long, and you get a preview and a GIF for sharing. I highly recommend it. (default: yes)"
+
+Their answers are the plan for the rest of the session. Don't ask them again later; mention any change you make to the plan in the final summary.
+
+## Step 2. Pre-flight: sign-in, tools, ownership
+
+Do all the setup that needs them now, before you start cooking.
+
+
+**Sign-in.** Publishing needs it and the browser step is the only part only they can do.
+
+1. `arcade whoami`. If it prints a handle, say "You're signed in as @handle" and continue.
+2. Otherwise run `arcade login` **in the background**. It opens the sign-in page in their browser and prints the link and a code. Tell them:
+   > "I opened the arcade's sign-in page. Sign in (Google, GitHub, Discord, or X), confirm the code `XXXX-XXXX`, and come back here. You'll pick a handle: it's permanent and becomes your profile address, so your channel name is a good choice."
+3. If the browser didn't open (a remote machine, `--no-browser`), give them the printed link.
+4. Keep going with the rest of pre-flight while they sign in. When `arcade login` finishes it prints "Signed in as @handle" and their profile address. Check `arcade whoami` before the dry run. If it's still waiting after ~10 minutes, remind them once; everything up to the dry run can be prepared without it.
+
+**Tools.** If they want demos, check for `ffmpeg` and Playwright now. If one is missing, give the one-line install and ask. Don't install silently. If they asked for a survey, confirm the search scope now (default: home folder, about 4 levels deep).
+
+
+**Ownership.** Say this plainly, once, now:
+
+> "Only publish games you made. Everything on the arcade is open source under MIT, so anyone can play, read, and remix it. Don't upload a game you didn't make unless its license is MIT. Bundled assets (art, music, fonts, libraries) keep their own licenses and must be yours to share."
+
+While you cook, check each game yourself: a non-MIT `LICENSE` at the top of the folder, assets from a store or another game, a copied clone of a commercial game. If something is unclear, ask. Don't publish a game until the creator confirms it's theirs.
+
+When pre-flight is done, say: **"I've got it from here. I'll come back with one summary to approve."** Then cook.
+
+## Step 3. Let me cook: find the games
+
+Use their step-1 answer: the folders or links they named, or a survey within the scope they confirmed.
+
+**Survey (if they say so):** search only where they agree. Default to their home folder, about 4 levels deep, skipping `Library`, `node_modules`, `.git`, `dist`/`build` copies, caches, and cloud-sync folders. Look for `index.html` beside game signs: a `<canvas>`, `requestAnimationFrame`, Phaser, Three.js, PixiJS, Kaboom, Babylon, a `game` in the name. Group hits by project folder. Don't open files that look private (`.env`, keys, documents).
+
+**GitHub links are a source only.** Clone the repo (`git clone --depth 1`) into `~/arcade-games/src/`, then treat it like a local folder: bring it up to the standard and publish with the CLI. There is no direct GitHub publish. If a clone needs credentials, ask them to clone it themselves; never ask for a token.
+
+## Step 4. The fit table
+
+For each candidate, decide from facts, then build one numbered table. It goes in the final summary; the picks are every **ready** and **small fixes** game unless they named specific ones in step 1.
+
+**A good fit for the arcade:**
+- It's a game: input, a loop, and something to do within the first minute. Not a tech demo, a tool, or an unfinished prototype (unless they insist).
+- It runs in a browser from static files, or a build step outputs static files.
+- It needs no server at play time: no multiplayer backend, no API calls, no paid AI API, no login. The arcade's CSP blocks every outside request. CDN imports and web fonts are fine to fix by vendoring them into the folder.
+- It fits: under 50 MB and 800 files, each file under 25 MB, only web file types (`arcade guide building-games` has the list).
+- It's theirs to publish under MIT (step 2).
+
+Verdicts: **ready** (publishes as-is once it has metadata and media), **small fixes** (absolute paths, a CDN import to vendor, a build step, a stray big file), **not a fit** (needs a server, no web build, mostly someone else's work). Give the reason in a few words.
+
+**Time estimates are yours.** Look at the code before you estimate, and say they're estimates. As a starting point: as-is with metadata and media takes you a few minutes per game; touch controls 10-20 min; gamepad 5-10; saves or a leaderboard 5-10 each; a demo 3-5. Adjust for what you see.
+
+```
+#  Game          Where                       Fit          What it needs               As-is / optimized
+1  Neon Drift    ~/games/neon-drift          ready        media, controls text        ~4 min / ~25 min
+2  Tile Tower    github.com/me/tile-tower    small fixes  vendor the Phaser CDN       ~8 min / ~30 min
+3  Mech Arena    ~/proj/mech                 not a fit    needs its websocket server  -
+Publishing: 1, 2 (3 is not a fit)
+```
+
+Up to 30 games publish per day per account (step 7). For a bigger list, publish the strongest first and say so in the summary.
+
+## Step 5. As-is or optimize: do the work
+
+Follow their step-1 answer for the whole batch.
+
+**As-is still meets the standard.** For every game, you:
+- write `arcade.json` (`arcade guide publishing` has a full example): a slug you pick with them (permanent, it's the game's address), the title, a one-or-two-sentence description, exact `controls`, and honest `input` flags;
+- write `LICENSE` (MIT, "Copyright (c) <year> @<handle>") unless they already have an MIT one;
+- run it with `arcade dev`, fix anything that breaks under the arcade's CSP (outside requests, absolute paths);
+- capture a 1280x720 thumbnail mid-action and 2-4 screenshots from real play (`arcade guide publishing`, "Capturing media");
+- fill the Model card with what they tell you (the model and harness they used); leave out anything unknown. Never invent numbers.
+
+**Optimize** adds, per game, only what makes sense for it, using the arcade's format (`arcade guide building-games` has each one):
+- **Touch controls** and `"input": {"touch": true}`: recommend for any game without them. Phones get the game only when touch is on; otherwise they see the demo.
+- **Gamepad** and `"input": {"gamepad": true}`.
+- **Saves** with the `arcade-saves.js` helper and `"profile_saves": true`, for games with progress.
+- **Leaderboards** with `arcade-scores.js` and `"leaderboards"`, for score or time games.
+- Polish the first ten seconds: a clear "click to play", audio that starts on the first click, a pause on blur.
+
+Play every game after you change it. Set an input flag only when that path works end to end.
+
+## Step 6. Demos
+
+If they said yes in step 1 (the default), then for each game: play it with Playwright at 1280x720 against `arcade dev` (drive real inputs, or the game's autopilot if it has one), cut 15-30 s with the action in the first second, save it as `media/demo.mp4`, set `"demo_video"`, and run `arcade media preview`. That makes `media/preview.mp4` (the hover preview) and `media/preview.gif`, and sets both fields. **A game with a demo must have its GIF**; `arcade publish` makes it when it's missing and refuses without ffmpeg. Watch the clips and look at the GIF before moving on. Bot-driven footage is fine; say so in `provenance.notes`. Keep recordings outside the game folder, since everything in it is uploaded. Recording needs Playwright and ffmpeg; if they're missing, ask before installing.
+
+## Step 7. One dry run, one go, publish
+
+1. Run `arcade publish --dry-run --json` in each game folder. Signed out, it runs only the local checks and says to sign in; check `arcade whoami` and wait for the creator if needed.
+2. Exit code 2 means something to fix, and each line says what to produce. Fix it and rerun. If a game still fails after a real attempt, mark it "needs you" and move on.
+3. Show **one** combined summary: for each game, the slug, title, what it becomes (a new game), file count and size, demo yes/no, and every Heads up item. Mention anything you changed in their game.
+4. Ask for one go for the batch: "Publish these N games publicly under @handle, MIT? (yes / list changes)".
+5. On yes, `arcade publish --yes` in each folder, one at a time. If they changed something, change it and show that game's dry run again.
+6. **30 publishes a day** per account. Publish the ones they ranked highest first; tell them the rest will go tomorrow and leave those folders ready.
+
+Failures: a slug that's taken (pick another with them), a game over 50 MB (move recordings and source art out, compress media), a flagged secret (remove it and tell them to rotate it; `--allow-secret` only for keys meant to be public, like a Firebase web key), a network error (rerun; uploads resume). Never retry the same failing thing more than twice.
+
+## Step 8. Hand back the link
+
+1. Ask for their channel URL and a one-line bio, then `arcade profile set --bio "<line>" --link "YouTube <url>"` (pass every link they want; it replaces the list).
+2. `arcade profile show` for the profile address.
+3. Give them a ready line for their video descriptions:
+   > `Play my games (and remix them): https://evolutionaryarcade.com/u/<handle>`
+   and each game's own link (`https://evolutionaryarcade.com/g/<slug>`).
+4. Tell them what happens next: people can play without an account, fork and blend their games, and those remixes show up in each game's family tree. To update a game later, change it in its `~/arcade-games/<slug>/` folder and publish again; that makes the next version.
+
+## Example
+
+Creator: "help me put my games on Evolutionary Arcade." You install, then ask the four vision questions in one message. They want a showcase for their channel, the games are in `~/Desktop/jams`, as-is, and yes to demos. Pre-flight: you start `arcade login` in the background and they approve it in the browser, ffmpeg is already there, Playwright needs one install line and they say yes, and you give the ownership warning. They mention that one game used music from a paid pack. "I've got it from here." You find five games; one needs a websocket server. You copy the four fits, write arcade.json, LICENSE and controls, vendor one CDN import, drop the paid music, capture media, and record four demos (each with its GIF). You come back with one summary (the fit table, what you changed, the combined dry run) and one question: "Publish these 4 publicly under @handle, MIT?" They say yes, four publishes, and you hand them the description line with `/u/<handle>`.

package/skills/arcade-publishing/SKILL.md

@@ -34,7 +34,7 @@ Required: `schema`, `slug`, `title`, `description`, `thumbnail`, and at least on
 - `input` and `play`: see `arcade-building-games`. Set an input flag only when that path works end to end, because the site shows badges from them and phones get the demo when `touch` is false. `tilt` (default `false`) is for games you steer by tilting the phone; it needs `touch` too.
 - `profile_saves` (default `false`): the game saves progress to the player's profile with the `arcade-saves.js` helper. Set it only when the game uses the helper; `arcade-building-games` has the rules.
 - `leaderboards` (up to 4, default none): global leaderboards the game posts to with the `arcade-scores.js` helper. Each has an `id`, a `label`, and a `max`, and the dry run lists them with their limits. `arcade-building-games` has the rules.
-- `thumbnail` and `screenshots` (1 to 12) are .png, .jpg, or .webp. `demo_video` and `preview_video` are .mp4 or .webm. Every path is relative to the folder, with no `..`.
+- `thumbnail` and `screenshots` (1 to 12) are .png, .jpg, or .webp. `demo_video` and `preview_video` are .mp4 or .webm. `preview_gif` is a .gif cut from the demo, required whenever there's a demo; `arcade media preview` (or `arcade publish`) makes it. Every path is relative to the folder, with no `..`.
 - `license` (optional): every game on the arcade is open source under MIT, so leave it out or set it to `"MIT"`. Anything else fails validation. The folder's `LICENSE` names the creator ("Copyright (c) <year> @handle"); if `arcade new` wrote it before you logged in, `arcade publish` fills in the handle. A license file at the top of the folder (`LICENSE`, `LICENSE.md`, `COPYING`, and the like) that isn't MIT stops the publish; other people's licenses go in `licenses/<name>/` or beside their code.
 - `lineage`: the CLI writes it. Don't edit it.
 - `provenance`: the Model card.
@@ -79,7 +79,7 @@ Everything in `provenance` is optional, and the site labels build stats "creator
 - `orchestrator`: `model` (required once you include `orchestrator`), `model_id`, `harness`, and `tokens`. `subagent_models`: one entry per model, with an optional `count` and `tokens`. Leave the list empty if the orchestrator did everything.
 - `tokens`, as integers: `input` is uncached input plus cache writes, `cached_input` is cache reads, and `output` is output. Once you include `tokens`, both `input` and `output` are required. If your harness counts cached tokens inside its input total, subtract them so nothing is counted twice.
 - `build`: `cost_usd`, `wall_time_minutes`, and `cost_basis` (`api-equivalent` for what the tokens would cost at API prices, or `billed` for what you paid).
-- Extra fields you add, such as `engine` or `tools`, are kept verbatim. Keep the whole block under 256 KB.
+- Extra fields you add, such as `engine` or `tools`, are kept verbatim, except `github`: the arcade sets that itself when it publishes from a GitHub repo, and drops it from uploads. Keep the whole block under 256 KB.
 
 Hard rules:
 - **Never invent a number.** Leave out any key you don't know. Don't write `null`, an empty string, or `0`. `null` fails validation. An empty prompt or notes counts as not shared, so leave the key out. `0` publishes a made-up number.
@@ -116,7 +116,7 @@ ffmpeg -ss 4 -i ../rec/<file>.webm -t 24 -an -vf scale=1280:720 \
 - **Thumbnail:** pick the best candidate and copy it to `media/`. It must be a real in-game frame at 16:9 (the card crops anything else). No title card and no added text.
 - **Screenshots:** two to four different moments, such as the core action, a quiet good-looking moment, the HUD under pressure, and the end screen.
 - **Demo:** 15 to 30 seconds of real gameplay, at 1280x720, in H.264 mp4 or webm. No audio is needed. Use `-ss` to skip the title screen, so action starts in the first second or two.
-- **Preview: remake it every time you make a new demo.** Run `arcade media preview`. It cuts the first 12 s of `demo_video`, overwrites `media/preview.mp4`, and sets `preview_video`. `arcade publish` makes a preview only when `preview_video` is empty, and a folder from `arcade pull`, `fork`, or `regen` arrives with the parent's `preview_video` already set (a regen has the path but not the file, so publish exits 2 until you make one). After your first publish it stays set too. The preview plays muted, loops, and restarts on every hover, so those 12 seconds are the pitch. Watch it. If it misses the best moment, re-cut the demo with a later `-ss` and run the command again.
+- **Preview and GIF: remake them every time you make a new demo.** Run `arcade media preview`. It cuts the first 12 s of `demo_video` into `media/preview.mp4` and the first 6 s into a looping `media/preview.gif` (under 5 MB, for "someone remixed your game" emails and link previews), and sets `preview_video` and `preview_gif`. `arcade media gif` remakes only the GIF. A game with a demo can't publish without its GIF. `arcade publish` makes the preview only when `preview_video` is empty, and the GIF only when `preview_gif` is empty (the dry run warns when either is older than the demo), and a folder from `arcade pull`, `fork`, or `regen` arrives with the parent's `preview_video` already set (a regen has the path but not the file, so publish exits 2 until you make one). After your first publish it stays set too. The preview plays muted, loops, and restarts on every hover, so those 12 seconds are the pitch. Watch it. If it misses the best moment, re-cut the demo with a later `-ss` and run the command again.
 - **Budget:** the whole upload must stay under 50 MB and 800 files. The thumbnail and each screenshot must be at most 5 MB, and the demo, preview, and any other file at most 25 MB. A 24-second demo at CRF 23 is about 8 MB.
 - **Look at every file** before you publish. For video, a contact sheet is quick: `ffmpeg -i media/demo.mp4 -vf fps=1/3,scale=320:-1,tile=4x3 -frames:v 1 ../rec/sheet.png` (one image, covering 36 s). If headless WebGL renders black, run headed or pass GPU flags to Chromium (on macOS the seeds used `--use-angle=metal --ignore-gpu-blocklist`).
 
@@ -124,8 +124,9 @@ ffmpeg -ss 4 -i ../rec/<file>.webm -t 24 -an -vf scale=1280:720 \
 
 Run `arcade publish --dry-run` and read all of it. It uploads nothing, but know what it is:
 
-- It needs `arcade login` and a network connection, because the arcade checks the upload before anything is listed. Problems the arcade finds (a file over 25 MB, too many files, a slug that's taken, a stale base) exit before the file list prints.
-- It may make `media/preview.mp4` and write `preview_video` into arcade.json.
+- Signed out, it runs only the local checks (arcade.json, file types, license, media, secrets), prints any Heads up, and exits 1 asking you to sign in. The full dry run needs `arcade login` and a network connection, because the arcade checks the upload before anything is listed. Problems the arcade finds (a file over 25 MB, too many files, a slug that's taken, a stale base) exit before the file list prints.
+- Every problem it exits 2 on says what to produce: a missing thumbnail names the size and path to capture, a missing arcade.json lists the fields to write.
+- It may make `media/preview.mp4` and `media/preview.gif` and write `preview_video` and `preview_gif` into arcade.json.
 - It lists the first 40 files, then "…and N more", but files inside hidden folders (like `.claude/`) are always listed. New files are tagged `new`. Review the whole tree yourself: `find . -type f -not -path './node_modules/*' -not -path './.git/*'`.
 - It follows symlinks only when they point inside the folder. Anything else is listed as skipped, and never uploaded.
 - It says "Published games are open source under MIT" under the action line. Anything bundled from others keeps its own license and must be the user's to share.
@@ -150,6 +151,10 @@ After an original, fork, blend, or update publishes, the CLI rewrites the folder
 
 **Generation ids, for `arcade main <slug> <generation>`:** `arcade info <slug>` lists every generation id and marks the main one. After a non-regen publish, the new id is also in `lineage.based_on.generation`. A regen doesn't become the main one on its own; its publish prints the exact `arcade main` command for the owner.
 
+## Games on GitHub
+
+A GitHub repo is a source, not a way to publish. Clone it (`git clone --depth 1 <url>`) into a working folder, bring it up to the arcade's standard like any other game (arcade.json, LICENSE, media from real play, a demo and its GIF), and publish it with `arcade publish`. Only publish a repo the user made, or one under MIT. If the clone needs credentials, ask the user to clone it; never ask for a token.
+
 ## Taking a game down
 
 `arcade unpublish <slug>` takes your game down, and `arcade republish <slug>` brings it back. The slug stays yours and is never reused. Unpublishing doesn't un-leak anything: if a secret shipped, unpublish, then rotate the secret right away, because public source may already have been copied.