takt-marp 0.2.0 → 0.3.0

package/README.ja.md

@@ -34,21 +34,21 @@ Output Requirementsの例:
 ### 2. workflowを実行する
 
 ```bash
-npm run slide:plan -- "slides/<deck>"
-npm run slide:approve -- "slides/<deck>" plan --by <name>
-npm run slide:compose -- "slides/<deck>"
-npm run slide:approve -- "slides/<deck>" compose --by <name>
-npm run slide:polish -- "slides/<deck>"
-npm run slide:deliver -- "slides/<deck>"
+takt-marp plan "slides/<deck>"
+takt-marp approve "slides/<deck>" plan --by <name>
+takt-marp compose "slides/<deck>"
+takt-marp approve "slides/<deck>" compose --by <name>
+takt-marp polish "slides/<deck>"
+takt-marp deliver "slides/<deck>"
 ```
 
 targetは `slides/<deck>` を指定します。
 
 ```bash
-npm run slide:plan -- "slides/<deck>"
+takt-marp plan "slides/<deck>"
 ```
 
-人間承認は `plan` と `compose` に対してのみ `slide:approve` で記録します。`review`、`revise`、`qa`、`build-qa` はworkflow内部の責務であり、トップレベルコマンドではありません。
+人間承認は `plan` と `compose` に対してのみ `takt-marp approve` で記録します。`review`、`revise`、`qa`、`build-qa` はworkflow内部の責務であり、トップレベルコマンドではありません。
 
 ### 3. 生成されるファイル
 
@@ -75,24 +75,21 @@ slides/<deck>/
 - spatial balance: 上寄り、左寄り、大きな意図しない余白、視覚重心
 - design-system usage: token化されたCSS、スライドごとのstyle drift防止
 
-`deliver` は要求された成果物を生成します。PDF生成は対象deckの `SLIDES.md` だけをbuildします。
+`deliver` は要求された成果物を生成し、delivery verification と supervision まで行います。
+単純なローカル生成や確認だけなら、workflow state を変更しない utility command を使います。
 
 ```bash
-npm run build:pdf -- <deck>
+takt-marp build:html <deck>
+takt-marp build:pdf <deck>
+takt-marp preview <deck>
 ```
 
 ### 5. 検証
 
-軽量なローカル確認には foundation validation を使います。
-
-```bash
-npm test
-```
-
 workflow routing、state gate、render evidence、delivery verification、approval handling を変更した場合は smoke validation を実行します。
 
 ```bash
-npm run slide:smoke -- --keep
+takt-marp smoke --keep
 ```
 
 smoke validation は fixture から一時的な `_workflow-smoke` deck を作成し、invalid target、approval failure path、`plan` -> `compose` -> `polish` -> `deliver` の一連の実行、render evidence metadata、delivery artifact、rerun/force behavior を検証します。`--keep` を付けると、生成された deck と report を `slides/_workflow-smoke/` に残して確認できます。

package/README.md

@@ -34,21 +34,21 @@ Example output requirement:
 ### 2. Run the workflows
 
 ```bash
-npm run slide:plan -- "slides/<deck>"
-npm run slide:approve -- "slides/<deck>" plan --by <name>
-npm run slide:compose -- "slides/<deck>"
-npm run slide:approve -- "slides/<deck>" compose --by <name>
-npm run slide:polish -- "slides/<deck>"
-npm run slide:deliver -- "slides/<deck>"
+takt-marp plan "slides/<deck>"
+takt-marp approve "slides/<deck>" plan --by <name>
+takt-marp compose "slides/<deck>"
+takt-marp approve "slides/<deck>" compose --by <name>
+takt-marp polish "slides/<deck>"
+takt-marp deliver "slides/<deck>"
 ```
 
 Use `slides/<deck>` as the target:
 
 ```bash
-npm run slide:plan -- "slides/<deck>"
+takt-marp plan "slides/<deck>"
 ```
 
-Human approval is recorded by `slide:approve` for `plan` and `compose` only. `review`, `revise`, `qa`, and `build-qa` are internal workflow responsibilities, not top-level commands.
+Human approval is recorded by `takt-marp approve` for `plan` and `compose` only. `review`, `revise`, `qa`, and `build-qa` are internal workflow responsibilities, not top-level commands.
 
 ### 3. Generated files
 
@@ -75,24 +75,21 @@ slides/<deck>/
 - spatial balance: top/left bias, large unintended blank areas, visual center of gravity
 - design-system usage: tokenized CSS, no per-slide style drift
 
-`deliver` is responsible for requested artifacts. PDF generation builds only the target deck's `SLIDES.md`:
+`deliver` is responsible for requested artifacts, delivery verification, and final supervision.
+For simple local generation or inspection, use utility commands that do not change workflow state:
 
 ```bash
-npm run build:pdf -- <deck>
+takt-marp build:html <deck>
+takt-marp build:pdf <deck>
+takt-marp preview <deck>
 ```
 
 ### 5. Validation
 
-Use the foundation validation for fast local checks:
-
-```bash
-npm test
-```
-
 Use the smoke validation when changing workflow routing, state gates, render evidence, delivery verification, or approval handling:
 
 ```bash
-npm run slide:smoke -- --keep
+takt-marp smoke --keep
 ```
 
 The smoke validation creates a temporary `_workflow-smoke` deck from the fixture, exercises invalid target and approval failure paths, runs the `plan` -> `compose` -> `polish` -> `deliver` sequence, verifies render evidence metadata, checks delivery artifacts, and covers rerun/force behavior. `--keep` leaves the generated deck and reports under `slides/_workflow-smoke/` for inspection.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "takt-marp",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "takt-marp",
   "repository": {
     "type": "git",
@@ -31,10 +31,10 @@
     "slide:smoke": "node scripts/takt-marp-validate-slide-workflow-smoke.mjs",
     "test": "npm run slide:validate-foundation",
     "build": "npm run build:html && npm run build:pdf",
-    "build:html": "marp slides/takt-sdd/SLIDES.md --html --allow-local-files -o dist/takt-sdd/SLIDES.html",
-    "build:pptx": "marp slides/takt-sdd/SLIDES.md --html --allow-local-files --pptx -o dist/takt-sdd/SLIDES.pptx",
-    "build:pdf": "marp slides/takt-sdd/SLIDES.md --html --allow-local-files --pdf -o dist/takt-sdd/SLIDES.pdf",
-    "preview": "marp -s . --html",
+    "build:html": "node scripts/takt-marp-build-slide-artifact.mjs html",
+    "build:pptx": "node scripts/takt-marp-build-slide-artifact.mjs pptx",
+    "build:pdf": "node scripts/takt-marp-build-slide-artifact.mjs pdf",
+    "preview": "node scripts/takt-marp-preview-slide.mjs takt-sdd",
     "installer:sync-templates": "node scripts/takt-marp-sync-project-templates.mjs --write",
     "installer:check-templates": "node scripts/takt-marp-sync-project-templates.mjs",
     "installer:check-package": "node scripts/takt-marp-validate-package-boundary.mjs",

package/scripts/lib/takt-marp-cli.mjs

@@ -13,11 +13,20 @@ import {
 } from "./takt-marp-slide-workflow.mjs";
 
 const WORKFLOW_COMMANDS = ["plan", "compose", "polish", "deliver"];
-const VALID_COMMANDS = ["init", ...WORKFLOW_COMMANDS, "approve", "smoke"];
+const BUILD_COMMANDS = Object.freeze({
+  "build:html": "html",
+  "build:pdf": "pdf",
+  "build:pptx": "pptx",
+});
+const UTILITY_COMMANDS = [...Object.keys(BUILD_COMMANDS), "preview"];
+const VALID_COMMANDS = ["init", ...WORKFLOW_COMMANDS, ...UTILITY_COMMANDS, "approve", "smoke"];
 const RUNNER_SCRIPT = "scripts/takt-marp-run-slide-workflow.mjs";
 const APPROVE_SCRIPT = "scripts/takt-marp-approve-slide-workflow-state.mjs";
 const SMOKE_SCRIPT = "scripts/takt-marp-validate-slide-workflow-smoke.mjs";
+const BUILD_SCRIPT = "scripts/takt-marp-build-slide-artifact.mjs";
+const PREVIEW_SCRIPT = "scripts/takt-marp-preview-slide.mjs";
 const REQUIRED_PROJECT_DIRS = [".takt/workflows", ".takt/facets"];
+const FORWARDED_SIGNALS = new Set(["SIGINT", "SIGTERM"]);
 
 function usage() {
   return [
@@ -29,6 +38,14 @@ function usage() {
     "  compose <slides/deck> [options]   Run the compose workflow for a deck in the current project",
     "  polish <slides/deck> [options]    Run the polish workflow for a deck in the current project",
     "  deliver <slides/deck> [options]   Run the deliver workflow for a deck in the current project",
+    "  build:html [deck|slides/<deck>|slides/<deck>/SLIDES.md]",
+    "                                    Build HTML artifact without changing workflow state",
+    "  build:pdf [deck|slides/<deck>|slides/<deck>/SLIDES.md]",
+    "                                    Build PDF artifact without changing workflow state",
+    "  build:pptx [deck|slides/<deck>|slides/<deck>/SLIDES.md]",
+    "                                    Build PPTX artifact without changing workflow state",
+    "  preview <deck|slides/<deck>|slides/<deck>/SLIDES.md>",
+    "                                    Start Marp server mode without changing workflow state",
     "  approve <slides/deck> <command> --by <name> [--force]",
     "                                    Approve a workflow state (command: plan or compose)",
     "  smoke [--provider <name>]         Run smoke validation in a temporary project (default provider: mock)",
@@ -72,12 +89,39 @@ function assertProjectInitialized() {
 
 function runPackageScript(relativeScriptPath, args, options = {}) {
   return new Promise((resolve, reject) => {
+    let stopping = false;
     const child = spawn(process.execPath, [packageScriptPath(relativeScriptPath), ...args], {
       cwd: options.cwd ?? process.cwd(),
       stdio: "inherit",
     });
-    child.on("error", reject);
-    child.on("close", (code) => {
+    const signalHandlers = [];
+    if (options.successOnSignal) {
+      for (const signal of FORWARDED_SIGNALS) {
+        const handler = () => {
+          stopping = true;
+          if (!child.killed) {
+            child.kill(signal);
+          }
+        };
+        process.once(signal, handler);
+        signalHandlers.push([signal, handler]);
+      }
+    }
+    const cleanup = () => {
+      for (const [signal, handler] of signalHandlers) {
+        process.off(signal, handler);
+      }
+    };
+    child.on("error", (error) => {
+      cleanup();
+      reject(error);
+    });
+    child.on("close", (code, signal) => {
+      cleanup();
+      if (options.successOnSignal && (stopping || FORWARDED_SIGNALS.has(signal))) {
+        resolve(0);
+        return;
+      }
       resolve(code ?? 1);
     });
   });
@@ -88,6 +132,14 @@ async function runWorkflowCommand(command, args) {
   return runPackageScript(RUNNER_SCRIPT, [command, ...args]);
 }
 
+async function runBuildCommand(command, args) {
+  return runPackageScript(BUILD_SCRIPT, [BUILD_COMMANDS[command], ...args]);
+}
+
+async function runPreview(args) {
+  return runPackageScript(PREVIEW_SCRIPT, args, { successOnSignal: true });
+}
+
 async function runInit(args) {
   let parsed;
   try {
@@ -257,6 +309,12 @@ export async function runCli(argv) {
     if (command === "smoke") {
       return await runSmoke(rest);
     }
+    if (Object.hasOwn(BUILD_COMMANDS, command)) {
+      return await runBuildCommand(command, rest);
+    }
+    if (command === "preview") {
+      return await runPreview(rest);
+    }
     return await runWorkflowCommand(command, rest);
   } catch (error) {
     console.error(formatError(error));

package/scripts/lib/takt-marp-slide-artifact-target.mjs

@@ -0,0 +1,70 @@
+import { existsSync } from "node:fs";
+import { readdir } from "node:fs/promises";
+import path from "node:path";
+import { SlideWorkflowError } from "./takt-marp-slide-workflow.mjs";
+
+export async function resolveSlideArtifactTargets(target, options = {}) {
+  if (!target) {
+    return listSlideArtifactTargets(options);
+  }
+  return [resolveSlideArtifactTarget(target, options)];
+}
+
+export async function listSlideArtifactTargets(options = {}) {
+  const root = options.root ?? process.cwd();
+  const slidesRoot = path.join(root, "slides");
+  const entries = await readdir(slidesRoot, { withFileTypes: true });
+  const targets = entries
+    .filter((entry) => entry.isDirectory())
+    .filter((entry) => existsSync(path.join(slidesRoot, entry.name, "SLIDES.md")))
+    .map((entry) => resolveSlideArtifactTarget(entry.name, options))
+    .sort((left, right) => left.deckName.localeCompare(right.deckName));
+
+  if (targets.length === 0) {
+    throw new SlideWorkflowError("No slides/*/SLIDES.md files found.", "SLIDES_NOT_FOUND");
+  }
+  return targets;
+}
+
+export function resolveSlideArtifactTarget(target, options = {}) {
+  const root = options.root ?? process.cwd();
+  if (!target || path.isAbsolute(target)) {
+    throw new SlideWorkflowError(`Invalid deck target '${target}'.`, "INVALID_TARGET");
+  }
+
+  const normalized = path.posix.normalize(target.replaceAll(path.sep, "/"));
+  if (normalized === "." || normalized === ".." || normalized.startsWith("../")) {
+    throw new SlideWorkflowError(`Invalid deck target '${target}'.`, "INVALID_TARGET");
+  }
+
+  const parts = normalized.split("/");
+  const deckName = deckNameFromParts(parts, target);
+  const deckPath = path.join(root, "slides", deckName);
+  const slidesPath = path.join(deckPath, "SLIDES.md");
+  if (!existsSync(slidesPath)) {
+    throw new SlideWorkflowError(`SLIDES.md not found: slides/${deckName}/SLIDES.md`, "SLIDES_NOT_FOUND");
+  }
+
+  return Object.freeze({
+    deckName,
+    deckPath,
+    slidesPath,
+    distPath: path.join(root, "dist", deckName),
+  });
+}
+
+function deckNameFromParts(parts, original) {
+  if (parts.length === 1 && parts[0] && !parts[0].endsWith(".md")) {
+    return parts[0];
+  }
+  if (parts.length === 2 && parts[0] === "slides" && parts[1] && !parts[1].endsWith(".md")) {
+    return parts[1];
+  }
+  if (parts.length === 3 && parts[0] === "slides" && parts[1] && parts[2] === "SLIDES.md") {
+    return parts[1];
+  }
+  throw new SlideWorkflowError(
+    `Invalid deck target '${original}'. Expected deck, slides/<deck>, or slides/<deck>/SLIDES.md.`,
+    "INVALID_TARGET",
+  );
+}

package/scripts/takt-marp-build-slide-artifact.mjs

@@ -1,13 +1,13 @@
 #!/usr/bin/env node
 import { spawn } from "node:child_process";
-import { existsSync } from "node:fs";
-import { mkdir, readdir } from "node:fs/promises";
+import { mkdir } from "node:fs/promises";
 import path from "node:path";
 import {
   formatError,
   parseArgs,
   SlideWorkflowError,
 } from "./lib/takt-marp-slide-workflow.mjs";
+import { resolveSlideArtifactTargets } from "./lib/takt-marp-slide-artifact-target.mjs";
 import { runtimeExecutablePath } from "./lib/takt-marp-runtime-context.mjs";
 
 const ARTIFACT_OPTIONS = Object.freeze({
@@ -23,9 +23,9 @@ function usage() {
     "When deck is omitted, all slides/*/SLIDES.md files are built.",
     "",
     "Examples:",
-    "  npm run build:pdf -- my-talk",
-    "  npm run build:html -- slides/my-talk",
-    "  npm run build:pptx -- slides/my-talk/SLIDES.md",
+    "  takt-marp build:pdf my-talk",
+    "  takt-marp build:html slides/my-talk",
+    "  takt-marp build:pptx slides/my-talk/SLIDES.md",
   ].join("\n");
 }
 
@@ -37,79 +37,19 @@ async function main() {
   }
 
   const [artifact, target] = positional;
+  if (positional.length > 2) {
+    throw new SlideWorkflowError(usage(), "INVALID_ARGS");
+  }
   if (!ARTIFACT_OPTIONS[artifact]) {
     throw new SlideWorkflowError(usage(), "INVALID_ARGS");
   }
 
-  const targets = await resolveBuildTargets(target);
+  const targets = await resolveSlideArtifactTargets(target);
   for (const item of targets) {
     await buildArtifact(artifact, item);
   }
 }
 
-async function resolveBuildTargets(target) {
-  if (!target) {
-    return listDecksWithSlides();
-  }
-  return [resolveBuildTarget(target)];
-}
-
-async function listDecksWithSlides() {
-  const slidesRoot = path.join(process.cwd(), "slides");
-  const entries = await readdir(slidesRoot, { withFileTypes: true });
-  const targets = entries
-    .filter((entry) => entry.isDirectory())
-    .filter((entry) => existsSync(path.join(slidesRoot, entry.name, "SLIDES.md")))
-    .map((entry) => resolveBuildTarget(entry.name))
-    .sort((left, right) => left.deckName.localeCompare(right.deckName));
-
-  if (targets.length === 0) {
-    throw new SlideWorkflowError("No slides/*/SLIDES.md files found.", "SLIDES_NOT_FOUND");
-  }
-  return targets;
-}
-
-function resolveBuildTarget(target) {
-  if (!target || path.isAbsolute(target)) {
-    throw new SlideWorkflowError(`Invalid deck target '${target}'.`, "INVALID_TARGET");
-  }
-
-  const normalized = path.posix.normalize(target.replaceAll(path.sep, "/"));
-  if (normalized === "." || normalized === ".." || normalized.startsWith("../")) {
-    throw new SlideWorkflowError(`Invalid deck target '${target}'.`, "INVALID_TARGET");
-  }
-
-  const parts = normalized.split("/");
-  const deckName = deckNameFromParts(parts, target);
-  const deckPath = path.join(process.cwd(), "slides", deckName);
-  const slidesPath = path.join(deckPath, "SLIDES.md");
-  if (!existsSync(slidesPath)) {
-    throw new SlideWorkflowError(`SLIDES.md not found: slides/${deckName}/SLIDES.md`, "SLIDES_NOT_FOUND");
-  }
-
-  return Object.freeze({
-    deckName,
-    slidesPath,
-    distPath: path.join(process.cwd(), "dist", deckName),
-  });
-}
-
-function deckNameFromParts(parts, original) {
-  if (parts.length === 1 && parts[0] && !parts[0].endsWith(".md")) {
-    return parts[0];
-  }
-  if (parts.length === 2 && parts[0] === "slides" && parts[1] && !parts[1].endsWith(".md")) {
-    return parts[1];
-  }
-  if (parts.length === 3 && parts[0] === "slides" && parts[1] && parts[2] === "SLIDES.md") {
-    return parts[1];
-  }
-  throw new SlideWorkflowError(
-    `Invalid deck target '${original}'. Expected deck, slides/<deck>, or slides/<deck>/SLIDES.md.`,
-    "INVALID_TARGET",
-  );
-}
-
 async function buildArtifact(artifact, target) {
   await mkdir(target.distPath, { recursive: true });
   const outputPath = path.join(target.distPath, `SLIDES.${artifact}`);

package/scripts/takt-marp-preview-slide.mjs

@@ -0,0 +1,91 @@
+#!/usr/bin/env node
+import { spawn } from "node:child_process";
+import {
+  formatError,
+  parseArgs,
+  SlideWorkflowError,
+} from "./lib/takt-marp-slide-workflow.mjs";
+import { resolveSlideArtifactTarget } from "./lib/takt-marp-slide-artifact-target.mjs";
+import { runtimeExecutablePath } from "./lib/takt-marp-runtime-context.mjs";
+
+const PREVIEW_STOP_SIGNALS = new Set(["SIGINT", "SIGTERM"]);
+
+function usage() {
+  return [
+    "Usage: takt-marp preview <deck|slides/<deck>|slides/<deck>/SLIDES.md>",
+    "",
+    "Starts Marp server mode for the target deck directory without running a TAKT workflow.",
+    "",
+    "Examples:",
+    "  takt-marp preview my-talk",
+    "  takt-marp preview slides/my-talk",
+    "  takt-marp preview slides/my-talk/SLIDES.md",
+  ].join("\n");
+}
+
+async function main() {
+  const { positional, flags } = parseArgs(process.argv.slice(2));
+  if (flags.help) {
+    console.log(usage());
+    return;
+  }
+  if (positional.length !== 1) {
+    throw new SlideWorkflowError(usage(), "INVALID_ARGS");
+  }
+
+  const target = resolveSlideArtifactTarget(positional[0]);
+  const marpPath = runtimeExecutablePath("marp");
+  const result = await run(marpPath, [
+    target.deckPath,
+    "--server",
+    "--html",
+    "--allow-local-files",
+  ]);
+  if (!result.ok) {
+    throw new SlideWorkflowError(`Marp preview failed for slides/${target.deckName}/SLIDES.md`, "MARP_PREVIEW_FAILED");
+  }
+}
+
+function run(command, args) {
+  return new Promise((resolve, reject) => {
+    let stopping = false;
+    const child = spawn(command, args, {
+      shell: process.platform === "win32",
+      stdio: "inherit",
+    });
+    const signalHandlers = [];
+    for (const signal of PREVIEW_STOP_SIGNALS) {
+      const handler = () => {
+        stopping = true;
+        if (!child.killed) {
+          child.kill(signal);
+        }
+      };
+      process.once(signal, handler);
+      signalHandlers.push([signal, handler]);
+    }
+    const cleanup = () => {
+      for (const [signal, handler] of signalHandlers) {
+        process.off(signal, handler);
+      }
+    };
+    child.on("error", (error) => {
+      cleanup();
+      reject(
+        new SlideWorkflowError(
+          `Failed to start Marp executable: ${command}. Reinstall takt-marp and verify the @marp-team/marp-cli dependency. ${error.message}`,
+          "MARP_EXECUTABLE_MISSING",
+        ),
+      );
+    });
+    child.on("close", (code, signal) => {
+      cleanup();
+      resolve({ ok: stopping || PREVIEW_STOP_SIGNALS.has(signal) || code === 0 });
+    });
+  });
+}
+
+main().catch((error) => {
+  console.error(formatError(error));
+  process.exit(1);
+});

package/scripts/takt-marp-validate-global-install.mjs

@@ -23,7 +23,19 @@ import { listTemplateEntries } from "./lib/takt-marp-project-templates.mjs";
 import { resolveRuntimeContext } from "./lib/takt-marp-runtime-context.mjs";
 import { SlideWorkflowError, formatError } from "./lib/takt-marp-slide-workflow.mjs";
 
-const CLI_COMMANDS = ["init", "plan", "compose", "polish", "deliver", "smoke"];
+const CLI_COMMANDS = [
+  "init",
+  "plan",
+  "compose",
+  "polish",
+  "deliver",
+  "build:html",
+  "build:pdf",
+  "build:pptx",
+  "preview",
+  "approve",
+  "smoke",
+];
 // Runtime state / provider configuration that init must never generate (8.2).
 const RUNTIME_STATE_NAMES = [
   "config.yaml",
@@ -148,6 +160,12 @@ async function assertFileContent(filePath, expectedContent, label) {
   check(actual === expectedContent, `${label}: file content changed: ${filePath}`);
 }
 
+async function assertNonEmptyFile(filePath, label) {
+  check(existsSync(filePath), `${label}: file is missing: ${filePath}`);
+  const actual = await readFile(filePath);
+  check(actual.length > 0, `${label}: file is empty: ${filePath}`);
+}
+
 // Phase 1 (8.1): real tarball -> temp global prefix; later phases run the CLI
 // from that prefix via PATH.
 async function phasePackInstall(ctx) {
@@ -172,7 +190,7 @@ async function phasePackInstall(ctx) {
   return `tarball ${tarballs[0]} installed into temp prefix`;
 }
 
-// Phase 2 (1.1, 1.2, 1.3): help lists all six commands; slide:* is rejected.
+// Phase 2 (1.1, 1.2, 1.3): help lists all public commands; slide:* is rejected.
 async function phaseSurface(ctx) {
   const help = await runTaktMarp(ctx, ["--help"], { cwd: ctx.workDir });
   check(help.code === 0, `takt-marp --help must exit 0.\n${commandSummary(help)}`);
@@ -189,7 +207,52 @@ async function phaseSurface(ctx) {
     unknown.output.includes("UNKNOWN_COMMAND"),
     `takt-marp slide:plan must be rejected with UNKNOWN_COMMAND.\n${commandSummary(unknown)}`,
   );
-  return "help lists 6 commands; slide:* rejected with UNKNOWN_COMMAND";
+  return "help lists public commands; slide:* rejected with UNKNOWN_COMMAND";
+}
+
+// Phase 2b: utility commands must work from the installed CLI without requiring
+// the target project to own package.json, node_modules, or .takt workflow state.
+async function phaseUtilityCommands(ctx) {
+  const projectDir = path.join(ctx.workDir, "utility-project");
+  const deckDir = path.join(projectDir, "slides", "sample");
+  await mkdir(deckDir, { recursive: true });
+  await writeFile(
+    path.join(deckDir, "SLIDES.md"),
+    [
+      "---",
+      "marp: true",
+      "html: true",
+      "---",
+      "",
+      "# Utility Build",
+      "",
+      "<strong>HTML enabled</strong>",
+      "",
+    ].join("\n"),
+    "utf8",
+  );
+
+  check(!existsSync(path.join(projectDir, "package.json")), "precondition: utility project must not have package.json");
+  check(!existsSync(path.join(projectDir, "node_modules")), "precondition: utility project must not have node_modules");
+  check(!existsSync(path.join(projectDir, ".takt")), "precondition: utility project must not have .takt");
+
+  const html = await runTaktMarp(ctx, ["build:html", "slides/sample"], { cwd: projectDir });
+  check(html.code === 0, `takt-marp build:html must exit 0 in a non-npm project.\n${commandSummary(html)}`);
+  await assertNonEmptyFile(path.join(projectDir, "dist", "sample", "SLIDES.html"), "build:html output");
+
+  const pdf = await runTaktMarp(ctx, ["build:pdf", "sample"], { cwd: projectDir });
+  check(pdf.code === 0, `takt-marp build:pdf must exit 0 in a non-npm project.\n${commandSummary(pdf)}`);
+  await assertNonEmptyFile(path.join(projectDir, "dist", "sample", "SLIDES.pdf"), "build:pdf output");
+
+  const previewHelp = await runTaktMarp(ctx, ["preview", "--help"], { cwd: projectDir });
+  check(previewHelp.code === 0, `takt-marp preview --help must exit 0.\n${commandSummary(previewHelp)}`);
+  check(
+    previewHelp.stdout.includes("Usage: takt-marp preview"),
+    `preview help must show preview usage.\n${commandSummary(previewHelp)}`,
+  );
+
+  check(!existsSync(path.join(projectDir, ".takt")), "utility commands must not create .takt workflow state");
+  return "build utilities ran without project package.json/node_modules/.takt; preview help is available";
 }
 
 // Phase 3 (8.2): init generates exactly workflows/** + facets/** under .takt,
@@ -327,6 +390,7 @@ async function phaseMockSmoke(ctx) {
 const PHASES = [
   { name: "pack-install", run: phasePackInstall, deps: [] },
   { name: "surface", run: phaseSurface, deps: [] },
+  { name: "utility-commands", run: phaseUtilityCommands, deps: [] },
   { name: "init-boundary", run: phaseInitBoundary, deps: [] },
   { name: "conflict-force", run: phaseConflictForce, deps: ["init-boundary"] },
   { name: "workflow-command-modes", run: phaseWorkflowCommandModes, deps: ["init-boundary"] },

package/templates/project/facets/instructions/takt-marp-visual-generate.md

@@ -9,17 +9,19 @@ planとSLIDES.mdに必要なSVG sourceを生成してください。
    - inline SVG: `SLIDES.md` の該当スライドの図版領域(placeholder 部分)だけを編集し、SVG markup を直接記述します。front matter に `html: true` が未設定の場合は追加してください。
    - `Visual: existing: ...`: 明示された既存画像への参照を `SLIDES.md` の該当スライドの placeholder 部分に挿入します。
 3. SVGはSVGファーストVisualポリシーに従ってください(外部ファイル・inline 両形式に適用)。
-4. 図形内テキストが図形からはみ出していないか確認してください。長いファイル名や英字ラベルは `tspan` で分割し、左右20px以上の余白を残してください。
-5. Marp配置時にスライド枠からSVGがはみ出しにくいよう、`SLIDES.md` の画像指定は個別サイズではなく `visual`、`visual-dense`、`visual-full` classのCSSで制御してください。inline SVGの場合も同様に、親classのcontainment(`--visual-max-height`系token)でサイズを制御してください。
-6. SVGをもう少し大きくしたい場合は、個別スライドの `![h:...]` を増やすのではなく、class側の `--visual-max-height` を調整してください。render evidence による確認は polish command に委譲してください。
-7. 外部ファイル形式の場合は `SLIDES.md`の参照パスが実在するSVGを指すようにしてください。
-8. 既存画像は明示されたものだけ使ってください。
-9. render output の生成や表示品質の最終判定は行わず、source artifact の作成に集中してください。
+4. SVGキャンバスの約90%を図形・矢印・ラベルなどの意味のある要素で使い、余白は約10%以下に抑えてください。`viewBox 0 0 1100 540` では外周の安全域を左右20-30px、上下16-24px程度にし、6:4程度に余白が目立つ構図を作らないでください。
+5. 図形内テキストが図形からはみ出していないか確認してください。長いファイル名や英字ラベルは `tspan` で分割し、左右20px以上の余白を残してください。
+6. Marp配置時にスライド枠からSVGがはみ出しにくいよう、`SLIDES.md` の画像指定は個別サイズではなく `visual`、`visual-dense`、`visual-full` classのCSSで制御してください。inline SVGの場合も同様に、親classのcontainment(`--visual-max-height`系token)でサイズを制御してください。
+7. SVGをもう少し大きくしたい場合は、個別スライドの `![h:...]` を増やすのではなく、class側の `--visual-max-height` を調整してください。render evidence による確認は polish command に委譲してください。
+8. 外部ファイル形式の場合は `SLIDES.md`の参照パスが実在するSVGを指すようにしてください。
+9. 既存画像は明示されたものだけ使ってください。
+10. render output の生成や表示品質の最終判定は行わず、source artifact の作成に集中してください。
 
 **必須出力**
 ## Visual Result
 - Status: generated / needs_input
 - SVG files: (外部ファイル形式・inline形式の両方を記載)
+- Canvas usage checks:
 - Text fit checks:
 - Source reference checks:
 - Files changed:

package/templates/project/facets/policies/takt-marp-svg-first-visual.md

@@ -11,6 +11,7 @@ Marpスライド内の図解は、レビュー可能で修正しやすいSVGを
 | SVG-first | 図解、比較、フロー、概念絵は原則SVGで作る |
 | 別ファイル管理(既定) | SVGは原則`images/*.svg`として保存しMarpから参照する。スライド固有の図版は使い分け基準に従いinlineも可 |
 | 1 SVG 1 message | 1枚のSVGに複数の主張を詰め込まない |
+| 9:1 の面積配分 | SVGキャンバスは図版が約9割、余白が約1割になるように使う |
 | 可読性優先 | 900-1080px幅で読める文字量とサイズにする |
 | テキスト収まり優先 | 文字列は必ず図形内の余白に収め、長いラベルは折り返す |
 | 差分レビュー可能 | 意味のある要素名、整った構造、過度なminifyを避ける |
@@ -20,7 +21,8 @@ Marpスライド内の図解は、レビュー可能で修正しやすいSVGを
 - `viewBox` は原則 `0 0 1100 540`。
 - font-family は `'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif`(knowledge の日本語優先フォールバックスタックと同順)。
 - 背景は白または透明。
-- 外周余白は40-60px。
+- SVG全体の面積配分は「図版9:余白1」を目安にし、図形・矢印・ラベルなどの意味のある要素がキャンバスの約90%を使うように配置する。
+- 外周余白は安全域として最小限にし、`viewBox 0 0 1100 540` では左右20-30px、上下16-24pxを目安にする。余白を広く取って図版が6:4程度に小さく見える構図は禁止する。
 - 図形内テキストは左右20px以上、上下12px以上の内側余白を残す。
 - ファイル名、URL、長い英字ラベルは1行で入れず、`tspan`で2行以上に分割する。
 - 箱の幅が160px未満の場合、中央ラベルは短語だけにする。`plan.md` のような短い名前でも幅200px以上を優先する。
@@ -37,7 +39,7 @@ Marpスライド内の図解は、レビュー可能で修正しやすいSVGを
 - 標準classは `visual`、本文が多い場合は `visual-dense`、図だけを大きく見せる場合は `visual-full` を使う。
 - `visual` の目安は `--visual-max-height: 280px` から `300px`。`visual-dense` は `240px` から `260px`、`visual-full` は `360px` から `410px` を目安にする。
 - `![w:900]` 以上の幅指定は、本文がほぼないスライドに限定する。
-- SVG内の重要要素は上下左右40px以上の内側余白を残し、縮小表示時に端の矢印やラベルが切れないようにする。
+- SVG内の重要要素は、端で切れない範囲で外周近くまで広げる。`viewBox 0 0 1100 540` では左右20-30px、上下16-24px程度の安全域を残し、意味のある図版領域を約90%まで拡大する。
 - SVG単体の `viewBox` 内に収まっていても、Marpに配置した結果スライド枠からはみ出す場合は失敗として扱う。
 
 ## 外部SVGとinline SVGの使い分け基準