sparkle-design-cli 2.0.7-beta.0 → 2.0.7-beta.10

package/lib/setup.js

@@ -2,6 +2,7 @@ import fs from 'fs';
 import path from 'path';
 import { spawnSync } from 'child_process';
 import { generateCSS } from './generate-css.js';
+import { GLOBALS_CSS_CANDIDATES } from './constants.js';
 
 // デフォルトの sparkle.config.json テンプレート
 // en: Default sparkle.config.json template
@@ -19,10 +20,23 @@ const DEFAULT_SPARKLE_CONFIG = {
 };
 
 // 初期 globals.css のテンプレート
-// en: Initial globals.css template
-const INITIAL_GLOBALS_CSS = `@import "tailwindcss";
-@import "./sparkle-design.css";
-`;
+// target のディレクトリと sparkle-design.css の想定出力先
+// (`src/app/sparkle-design.css`) との相対関係で import path を切り替える。
+// Next.js App Router (src/app/globals.css) なら同一 dir で `./sparkle-design.css`、
+// Vite (src/index.css) なら 1 階層下なので `./app/sparkle-design.css` になる。
+// 同一 dir 前提のハードコードで生成していた beta.7 以前は Vite レイアウトで
+// path が切れ、後続 generate が相対 path を再計算しても scaffold 時点では
+// 間違った path で書かれていたため、AI が手で直す副作用が出ていた。
+// en: Render initial entry CSS with a path that actually resolves to
+// `src/app/sparkle-design.css` given the target file location.
+function buildInitialGlobalsCss(targetRelPath) {
+  const targetDir = path.dirname(targetRelPath);
+  const sparkleDesignRel = 'src/app/sparkle-design.css';
+  let rel = path.relative(targetDir, sparkleDesignRel).split(path.sep).join('/');
+  if (!rel) rel = 'sparkle-design.css';
+  if (!rel.startsWith('.')) rel = `./${rel}`;
+  return `@import "tailwindcss";\n@import "${rel}";\n`;
+}
 
 // インストール対象パッケージ
 // en: Packages to install
@@ -41,16 +55,6 @@ const config = {
 export default config;
 `;
 
-// globals.css 候補パス（優先順）
-// en: globals.css candidate paths in priority order
-const GLOBALS_CSS_CANDIDATES = [
-  'src/app/globals.css',
-  'app/globals.css',
-  'src/globals.css',
-  'src/index.css',
-  'src/styles/globals.css',
-];
-
 const ASSISTANT_CONFIG = {
   claude: {
     path: 'CLAUDE.md',
@@ -192,12 +196,16 @@ function buildInstructionBlock(target, assistant) {
     BLOCK_START,
     heading,
     '',
-    '- **必ず実行**: UI コンポーネントを作成・変更した後は、終了前に `lint:sparkle` を実行してください。Sparkle Design のアンチパターンを検出します。',
+    '- **Scope**: Sparkle Design is a UI component library. For capability areas it does not cover (charts, data visualization, maps, rich text editors, animation libraries, etc.), **feel free to adopt other libraries** (e.g. Recharts, D3, Chart.js) — do not try to solve everything inside Sparkle Design. Pass Sparkle Design CSS tokens (`--color-primary-*` etc.) into those libraries to keep visuals consistent.',
+    "- **Required reading**: Before using any Sparkle Design component, read the installed package's type definitions at `node_modules/<package>/dist/components/ui/<component>/index.d.ts` — prop specs, usage, and anti-patterns (with ✅ / ❌ examples) live in the JSDoc and are the source of truth. Target the installed package(s), e.g. `sparkle-design` and/or `@goodpatch/sparkle-design-internal`, and read the full JSDoc, not just the type signature.",
+    '- **Structural invariants — verify before hand-editing any Sparkle file**:',
+    '  - Entry CSS (e.g. `src/index.css`, `src/app/globals.css`) must start with `@import "tailwindcss";` and keep **all `@import` statements before any `@source` directive**. CSS-spec-compliant processors silently drop any `@import` that follows another at-rule, which removes Sparkle tokens from the output.',
+    '  - Sparkle fonts (Google Fonts preconnect + Material Symbols + the configured pro/mono fonts) must be present in the document `<head>`: React layouts via `<SparkleHead />` placed inside `<head>` in the root layout, Vite projects via the managed `<!-- sparkle-design-cli:fonts:start -->` … `end` block in `index.html`.',
+    '  - Do **not** hand-define `--color-primary-*` or other Sparkle tokens as fallbacks when they look missing. Those come from `sparkle-design.css`; missing values mean the `@import` path is wrong (e.g. `./sparkle-design.css` used when the file lives under `./app/`). Fix the import path, do not duplicate the tokens.',
+    '  - If you detect any of the above drifted, re-run `npx --yes sparkle-design-cli generate` before hand-editing. The CLI restores the canonical state (correct relative paths, `@source` placement, `index.html` injection).',
     '- **Required**: After creating or modifying any UI component, run `lint:sparkle` before finishing. This catches Sparkle Design anti-patterns.',
     `- For AI review, prefer \`lint:sparkle:json\` or run \`npx --yes sparkle-design-cli check ${target} --format json\` directly.`,
-    '- JSON 出力の `findings` に加えて、**`manualReviewReminders` の内容も必ず 1 項目ずつ確認**してください。機械検出できない Badge/Tag の使い分けなどが含まれます。',
-    '- You must inspect every entry in both `findings` and `manualReviewReminders` — the reminders flag judgment calls (Badge vs Tag etc.) that the linter cannot detect.',
-    '- If semantic guidance is still needed, consult Sparkle Design docs and JSDoc examples.',
+    '- You must inspect every entry in both `findings` and `manualReviewReminders`. For each entry in `manualReviewReminders`, **echo the reminder ID in your final reply together with a short review note** (e.g. `[badge-tag-semantics] reviewed — Badge is used only for counts, so the usage is fine.`). Silence on a reminder means it was skipped; always state at least a one-line judgment per ID. This is not blocked by the Stop hook (reminders are judgment calls), but reviewers / humans rely on the explicit acknowledgment to trust that each item was actually considered.',
     BLOCK_END,
   ].join('\n');
 }
@@ -385,7 +393,8 @@ function buildScaffoldTargets(cwd) {
       target: defaultGlobalsCssTarget(cwd),
       write: (abs) => {
         ensureDir(abs);
-        fs.writeFileSync(abs, INITIAL_GLOBALS_CSS, 'utf8');
+        const targetRel = path.relative(cwd, abs).split(path.sep).join('/');
+        fs.writeFileSync(abs, buildInitialGlobalsCss(targetRel), 'utf8');
       },
     },
   ];
@@ -447,12 +456,37 @@ function runAssistantGuard(cwd, packageJsonPath, options, assistantConfig) {
   const instructionBlock = buildInstructionBlock(target, options.assistant);
   const instructionResult = updateInstructionFile(instructionPath, instructionBlock);
 
+  // --assistant claude のときに、プロジェクトルートに既存の AGENTS.md が
+  // 「すでにある」場合だけ Guard を追記する。create-next-app などが先行生成
+  // した AGENTS.md や、ユーザーが Codex/Gemini 併用のために置いているファイル
+  // には courtesy として Guard を載せる一方、存在しない AGENTS.md を
+  // Sparkle 側が勝手に作ることはしない（「指定していない AI 指示書が
+  // あったら書く」という緩い方針）。
+  // en: When --assistant=claude, also upsert Guard into AGENTS.md **only if
+  // the file already exists**. This covers projects where create-next-app or
+  // another tool shipped an AGENTS.md (or where the user keeps one for
+  // Codex/Gemini), without the CLI unilaterally creating a file the user
+  // didn't opt into.
+  let agentsInstructionResult = null;
+  let agentsInstructionPath = null;
+  if (options.assistant === 'claude' && !options.instructionsPath) {
+    const candidate = path.resolve(cwd, 'AGENTS.md');
+    if (candidate !== instructionPath && fs.existsSync(candidate)) {
+      agentsInstructionPath = candidate;
+      agentsInstructionResult = updateInstructionFile(agentsInstructionPath, instructionBlock);
+    }
+  }
+
   if (!options.dryRun) {
     if (packageResult.changed) writeJson(packageJsonPath, packageResult.packageJson);
     if (instructionResult.changed) {
       ensureDir(instructionPath);
       fs.writeFileSync(instructionPath, instructionResult.content, 'utf8');
     }
+    if (agentsInstructionResult?.changed && agentsInstructionPath) {
+      ensureDir(agentsInstructionPath);
+      fs.writeFileSync(agentsInstructionPath, agentsInstructionResult.content, 'utf8');
+    }
   }
 
   return {
@@ -461,16 +495,279 @@ function runAssistantGuard(cwd, packageJsonPath, options, assistantConfig) {
     instructionPath,
     packageResult,
     instructionResult,
+    agentsInstructionPath,
+    agentsInstructionResult,
   };
 }
 
-function runGenerate({ skipGenerate, dryRun }) {
+/**
+ * Agent 別の hook 設定ファイルに「lint:sparkle を強制実行する」hook を追加する。
+ *
+ * 各 agent が持つ hook システムの schema は異なるため、agent ごとに以下の
+ * ヘルパーを持つ。共通ポイントは:
+ *   - 実行コマンドは `npx --yes sparkle-design-cli check <target> --strict || exit 2`
+ *   - exit 2 にエスカレーションすることで、ブロック対応する agent では
+ *     応答終了を止めて findings 修正に向かわせる
+ *   - 既存の hook 設定ファイルは非破壊マージし、同一 command が含まれていれば skip
+ *     （冪等）
+ *   - 壊れた JSON は silent 上書きせず、ユーザーに修正を促すエラーを出す
+ *
+ * en: Install an agent-specific hook that runs `lint:sparkle --strict || exit 2`.
+ * Each agent ships its own hook config format; these helpers emit the right
+ * shape while preserving existing user content and staying idempotent on rerun.
+ *
+ * References (2026-04 時点):
+ *   - Claude Code : https://docs.claude.com/en/docs/claude-code/hooks
+ *   - Cursor      : https://cursor.com/docs/hooks
+ *   - Codex       : https://developers.openai.com/codex/hooks
+ */
+function buildManagedHookCommand(target) {
+  return `npx --yes sparkle-design-cli check ${target} --strict || exit 2`;
+}
+
+function loadHookJson(filePath, label) {
+  if (!fs.existsSync(filePath)) {
+    return { existed: false, config: null };
+  }
+  try {
+    return { existed: true, config: readJson(filePath) };
+  } catch (error) {
+    throw new Error(
+      `${label} が不正な JSON です (${error.message})。修正してから再実行してください。`
+    );
+  }
+}
+
+/**
+ * Claude Code の Stop hook を読んでくれるのは「Claude を起動した作業ディレクトリ」
+ * 直下の `.claude/settings.json` であって、cwd とは限らない。ユーザーが親フォルダ
+ * で Claude を起動してからサブディレクトリに `cd` してこの setup を実行した
+ * 場合、`.claude/settings.json` はサブディレクトリに置かれるが Claude は親側を
+ * 見ているので hook が効かない、という失敗モードがある。
+ *
+ * Claude Code が Bash tool 経由で環境変数 `CLAUDE_PROJECT_DIR` を設定するので、
+ * それを検出して cwd と違えば「hook が効かない可能性あり」と警告する。環境変数
+ * が無い場合（別の agent から呼ばれている / Claude Code 以外）は警告なし。
+ *
+ * en: Claude Code loads `.claude/settings.json` from the directory where it was
+ * launched, not the current working directory. If the user started Claude at a
+ * parent folder and ran `sparkle-design-cli setup` inside a subdirectory, the
+ * hook lands in a place Claude won't read. Detect this mismatch via the
+ * `CLAUDE_PROJECT_DIR` env var that Claude Code exports into shell tools.
+ */
+function detectClaudeSessionRootMismatch(cwd) {
+  const sessionDir = process.env.CLAUDE_PROJECT_DIR;
+  if (!sessionDir) return null;
+  try {
+    const resolvedSession = fs.realpathSync(path.resolve(sessionDir));
+    const resolvedCwd = fs.realpathSync(path.resolve(cwd));
+    if (resolvedSession === resolvedCwd) return null;
+    return { sessionDir: resolvedSession, cwd: resolvedCwd };
+  } catch {
+    return null;
+  }
+}
+
+function runClaudeHook(cwd, target, dryRun) {
+  const settingsPath = path.resolve(cwd, '.claude/settings.json');
+  const managedCommand = buildManagedHookCommand(target);
+  const { existed, config } = loadHookJson(settingsPath, '.claude/settings.json');
+
+  const nextSettings =
+    typeof config === 'object' && config ? { ...config } : {};
+  const hooks =
+    typeof nextSettings.hooks === 'object' && nextSettings.hooks
+      ? { ...nextSettings.hooks }
+      : {};
+  const stopGroups = Array.isArray(hooks.Stop) ? [...hooks.Stop] : [];
+
+  const alreadyPresent = stopGroups.some(
+    (group) =>
+      Array.isArray(group?.hooks) &&
+      group.hooks.some((entry) => entry?.type === 'command' && entry?.command === managedCommand)
+  );
+
+  const mismatch = detectClaudeSessionRootMismatch(cwd);
+  if (alreadyPresent) {
+    return {
+      assistant: 'claude',
+      changed: false,
+      existed,
+      path: settingsPath,
+      reason: 'already-present',
+      command: managedCommand,
+      sessionRootMismatch: mismatch,
+    };
+  }
+
+  stopGroups.push({
+    hooks: [{ type: 'command', command: managedCommand }],
+  });
+  hooks.Stop = stopGroups;
+  nextSettings.hooks = hooks;
+
+  if (!dryRun) {
+    ensureDir(settingsPath);
+    writeJson(settingsPath, nextSettings);
+  }
+  return {
+    assistant: 'claude',
+    changed: true,
+    existed,
+    path: settingsPath,
+    reason: existed ? 'appended' : 'created',
+    command: managedCommand,
+    sessionRootMismatch: mismatch,
+  };
+}
+
+/**
+ * Cursor 1.7+ の hook 設定（`.cursor/hooks.json`）に stop hook を追加する。
+ * schema: `{ version: 1, hooks: { stop: [{ command: "..." }] } }`
+ */
+function runCursorHook(cwd, target, dryRun) {
+  const hooksPath = path.resolve(cwd, '.cursor/hooks.json');
+  const managedCommand = buildManagedHookCommand(target);
+  const { existed, config } = loadHookJson(hooksPath, '.cursor/hooks.json');
+
+  const nextConfig = typeof config === 'object' && config ? { ...config } : {};
+  if (!nextConfig.version) nextConfig.version = 1;
+  const hooks =
+    typeof nextConfig.hooks === 'object' && nextConfig.hooks ? { ...nextConfig.hooks } : {};
+  const stopEntries = Array.isArray(hooks.stop) ? [...hooks.stop] : [];
+
+  const alreadyPresent = stopEntries.some((entry) => entry?.command === managedCommand);
+  if (alreadyPresent) {
+    return {
+      assistant: 'cursor',
+      changed: false,
+      existed,
+      path: hooksPath,
+      reason: 'already-present',
+      command: managedCommand,
+    };
+  }
+
+  stopEntries.push({ command: managedCommand });
+  hooks.stop = stopEntries;
+  nextConfig.hooks = hooks;
+
+  if (!dryRun) {
+    ensureDir(hooksPath);
+    writeJson(hooksPath, nextConfig);
+  }
+
+  return {
+    assistant: 'cursor',
+    changed: true,
+    existed,
+    path: hooksPath,
+    reason: existed ? 'appended' : 'created',
+    command: managedCommand,
+  };
+}
+
+/**
+ * Codex の hook 設定（`.codex/hooks.json`）に Stop hook を追加する。
+ * schema は Claude とほぼ同じネスト構造。
+ * 有効化には `~/.codex/config.toml` に `[features] codex_hooks = true` が必要。
+ */
+function runCodexHook(cwd, target, dryRun) {
+  const hooksPath = path.resolve(cwd, '.codex/hooks.json');
+  const managedCommand = buildManagedHookCommand(target);
+  const { existed, config } = loadHookJson(hooksPath, '.codex/hooks.json');
+
+  const nextConfig = typeof config === 'object' && config ? { ...config } : {};
+  const hooks =
+    typeof nextConfig.hooks === 'object' && nextConfig.hooks ? { ...nextConfig.hooks } : {};
+  const stopGroups = Array.isArray(hooks.Stop) ? [...hooks.Stop] : [];
+
+  const alreadyPresent = stopGroups.some(
+    (group) =>
+      Array.isArray(group?.hooks) &&
+      group.hooks.some((entry) => entry?.type === 'command' && entry?.command === managedCommand)
+  );
+
+  if (alreadyPresent) {
+    return {
+      assistant: 'codex',
+      changed: false,
+      existed,
+      path: hooksPath,
+      reason: 'already-present',
+      command: managedCommand,
+      // 有効化にはユーザー側の opt-in が必要な旨を summary に載せる。
+      // en: Codex hooks are behind an opt-in feature flag; surface that in summary.
+      featureFlagNote:
+        'Codex で有効化するには `~/.codex/config.toml` に `[features]` セクションを作り `codex_hooks = true` を設定してください。',
+    };
+  }
+
+  stopGroups.push({
+    hooks: [{ type: 'command', command: managedCommand }],
+  });
+  hooks.Stop = stopGroups;
+  nextConfig.hooks = hooks;
+
+  if (!dryRun) {
+    ensureDir(hooksPath);
+    writeJson(hooksPath, nextConfig);
+  }
+
+  return {
+    assistant: 'codex',
+    changed: true,
+    existed,
+    path: hooksPath,
+    reason: existed ? 'appended' : 'created',
+    command: managedCommand,
+    featureFlagNote:
+      'Codex で有効化するには `~/.codex/config.toml` に `[features]` セクションを作り `codex_hooks = true` を設定してください。',
+  };
+}
+
+/**
+ * --assistant 値から該当 hook writer に dispatch する。generic は hook なし。
+ * en: Dispatch to the appropriate hook writer for the selected assistant.
+ */
+function runAssistantHook(assistant, cwd, target, dryRun) {
+  switch (assistant) {
+    case 'claude':
+      return runClaudeHook(cwd, target, dryRun);
+    case 'cursor':
+      return runCursorHook(cwd, target, dryRun);
+    case 'codex':
+      return runCodexHook(cwd, target, dryRun);
+    default:
+      return null;
+  }
+}
+
+function runGenerate({ skipGenerate, dryRun, strict }) {
+  // --skip-generate / --dry-run と --strict が同時指定された場合、strict チェックを
+  // 走らせる対象 (generate) そのものがスキップされるため strict は事実上無意味。
+  // サイレントに無効化するとユーザーが CI で気付けないので警告を出す。
+  // en: --strict has no effect if generate is skipped — warn the user rather
+  // than silently no-op, which would mask CI misconfiguration.
+  if (strict && (skipGenerate || dryRun)) {
+    console.warn(
+      '⚠️  --strict は generate の失敗のみ検出します。--skip-generate / --dry-run と併用した場合は strict チェックは走りません。'
+    );
+  }
   if (skipGenerate || dryRun) return { skipped: true, ran: false };
   try {
     console.log('🎨 sparkle-design.css を生成中...');
-    generateCSS();
-    return { skipped: false, ran: true };
+    const result = generateCSS(null, null, null, { strict: Boolean(strict) });
+    return { skipped: false, ran: true, globalsResult: result?.globalsResult };
   } catch (error) {
+    // strict モード、または sparkle.config.json の `globals-path` typo などの
+    // 明示指定 not-found は、非 strict でもユーザーが必ず気付くべきなので
+    // 再 throw する（#33 の挙動を setup 経由でも保つ）。
+    // en: Always re-throw explicit --globals-path typos so `setup` surfaces
+    // them via exit code, matching the behaviour of `generate` directly.
+    if (strict || error.code === 'E_EXPLICIT_GLOBALS_PATH_NOT_FOUND') {
+      throw error;
+    }
     console.warn(`⚠️  generate 実行をスキップしました: ${error.message}`);
     return { skipped: false, ran: false, error: error.message };
   }
@@ -501,7 +798,18 @@ export function setupAssistant(options = {}) {
     { ...options, assistant, dryRun },
     assistantConfig
   );
-  const generate = runGenerate({ skipGenerate: Boolean(options.skipGenerate), dryRun });
+  // assistant 別に hook 設定ファイル（`.claude/settings.json` /
+  // `.cursor/hooks.json` / `.codex/hooks.json`）に `lint:sparkle --strict` を
+  // 走らせる stop / Stop hook を自動設定する。instruction 頼みではなく hook
+  // で強制することで lint:sparkle の実行漏れを防ぐ。generic は hook なし。
+  // en: For supported assistants, install a stop hook so `lint:sparkle --strict`
+  // becomes a hard gate. Generic assistant has no hook target.
+  const hook = runAssistantHook(assistant, cwd, guard.target, dryRun);
+  const generate = runGenerate({
+    skipGenerate: Boolean(options.skipGenerate),
+    dryRun,
+    strict: Boolean(options.strict),
+  });
 
   const summary = {
     assistant,
@@ -527,6 +835,24 @@ export function setupAssistant(options = {}) {
       changed: guard.instructionResult.changed,
       existed: guard.instructionResult.existed,
     },
+    agentsInstructions: guard.agentsInstructionPath
+      ? {
+          path: path.relative(cwd, guard.agentsInstructionPath),
+          changed: guard.agentsInstructionResult?.changed ?? false,
+          existed: guard.agentsInstructionResult?.existed ?? false,
+        }
+      : null,
+    hook: hook
+      ? {
+          assistant: hook.assistant,
+          path: path.relative(cwd, hook.path),
+          changed: hook.changed,
+          existed: hook.existed,
+          reason: hook.reason,
+          featureFlagNote: hook.featureFlagNote ?? null,
+          sessionRootMismatch: hook.sessionRootMismatch ?? null,
+        }
+      : null,
   };
 
   console.log(JSON.stringify(summary, null, 2));
@@ -534,7 +860,7 @@ export function setupAssistant(options = {}) {
   // セットアップ後のリマインダー。AI の会話履歴にも残るよう stderr に出す。
   // en: Post-setup reminder. Written to stderr so it stays in the AI transcript
   // without polluting the JSON stdout payload that tooling parses.
-  printPostSetupReminder(guard.target, packageManager);
+  printPostSetupReminder(guard.target, packageManager, { hook });
 
   return summary;
 }
@@ -556,18 +882,49 @@ function buildLintCommand(packageManager) {
   }
 }
 
-function printPostSetupReminder(target, packageManager) {
+const HOOK_LABELS = {
+  claude: { name: 'Claude Code', file: '.claude/settings.json', event: 'Stop' },
+  cursor: { name: 'Cursor', file: '.cursor/hooks.json', event: 'stop' },
+  codex: { name: 'Codex', file: '.codex/hooks.json', event: 'Stop' },
+};
+
+function printPostSetupReminder(target, packageManager, { hook } = {}) {
   const lintTarget = target || 'src';
   const lintCmd = buildLintCommand(packageManager);
   const lines = [
     '',
     '📝 次のステップ / Next steps:',
-    `  1. UI コンポーネントを作成・変更したら、必ず \`${lintCmd}\` (または \`npx --yes sparkle-design-cli check ${lintTarget} --strict\`) を実行してください。`,
+    '  1. Sparkle Design のコンポーネントを使う前に、必ず `node_modules/<パッケージ名>/dist/components/ui/<コンポーネント名>/index.d.ts` の JSDoc を読んでください。Prop 仕様・使用例・アンチパターンは JSDoc が Source of Truth です。',
+    '     Before using any Sparkle Design component, read `node_modules/<package>/dist/components/ui/<name>/index.d.ts` — the JSDoc includes prop specs, usage, and anti-pattern examples.',
+    `  2. UI コンポーネントを作成・変更したら、必ず \`${lintCmd}\` (または \`npx --yes sparkle-design-cli check ${lintTarget} --strict\`) を実行してください。`,
     '     After creating or modifying UI components, always run `lint:sparkle` to catch Sparkle Design anti-patterns.',
-    '  2. AI でレビューする場合は `lint:sparkle:json` を使い、`findings` に加えて `manualReviewReminders` の各項目まで必ず確認してください。',
+    '  3. AI でレビューする場合は `lint:sparkle:json` を使い、`findings` に加えて `manualReviewReminders` の各項目まで必ず確認してください。',
     '     For AI review, use `lint:sparkle:json` and inspect every entry of both `findings` and `manualReviewReminders`.',
-    '',
   ];
+  if (hook && (hook.changed || hook.reason === 'already-present')) {
+    const meta = HOOK_LABELS[hook.assistant] ?? HOOK_LABELS.claude;
+    const label =
+      hook.reason === 'already-present'
+        ? '（既存のまま）'
+        : hook.reason === 'created'
+          ? '（新規作成）'
+          : '（既存設定に追記）';
+    lines.push(
+      `  4. ${meta.name} の ${meta.event} hook を ${meta.file} に設定しました ${label}。応答を終える直前に \`lint:sparkle --strict\` が走り、findings があれば exit 2 で停止がブロックされます。`,
+      `     Installed a ${meta.name} ${meta.event} hook in ${meta.file}: it runs \`lint:sparkle --strict\` before the turn ends and exits with code 2 when findings exist.`
+    );
+    if (hook.featureFlagNote) {
+      lines.push(`     ⚠️  ${hook.featureFlagNote}`);
+    }
+    if (hook.sessionRootMismatch) {
+      const { sessionDir, cwd: mismatchCwd } = hook.sessionRootMismatch;
+      lines.push(
+        `     ⚠️  Claude Code は ${sessionDir} を session root として ${path.join(sessionDir, '.claude/settings.json')} を読みます。今回の hook は ${path.join(mismatchCwd, '.claude/settings.json')} に書かれたため、このまま だと hook が発火しません。Claude Code をこのディレクトリから再起動するか、同じ設定を session root の .claude/settings.json にコピーしてください。`,
+        `     ⚠️  Claude Code reads \`.claude/settings.json\` from its session root, not cwd. The hook written to the current directory won't trigger — relaunch Claude from here, or copy the config to the session root.`
+      );
+    }
+  }
+  lines.push('');
   for (const line of lines) {
     console.error(line);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sparkle-design-cli",
-  "version": "2.0.7-beta.0",
-  "description": "Sparkle Design CSS Generator - デザインシステムCSSを設定ファイルから生成するツール",
+  "version": "2.0.7-beta.10",
+  "description": "Sparkle Design CLI — プロジェクトセットアップ、CSS・フォント生成、アンチパターン検査、AI エージェント（Claude Code / Cursor / Codex）向けのガードと hook 設定まで一括で行う sparkle-design 公式 CLI。",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -21,10 +21,20 @@
     "sync:anti-pattern-docs": "node scripts/sync-anti-pattern-docs.mjs"
   },
   "keywords": [
-    "css",
+    "sparkle-design",
     "design-system",
-    "css-generator",
-    "theming"
+    "cli",
+    "setup",
+    "scaffold",
+    "css",
+    "tailwindcss",
+    "theming",
+    "anti-pattern",
+    "linter",
+    "ai-agent",
+    "claude-code",
+    "cursor",
+    "codex"
   ],
   "author": "Goodpatch Inc. <sparkle-design@goodpatch.com>",
   "license": "MIT",