cc-hooks-ts を使用した Claude Code Hooks 作成ガイド

cc-hooks-ts を使用した Claude Code Hooks 作成ガイド

インストール

bun add cc-hooks-ts

基本的なフック構造

#!/​usr/​bin/​env bun
import { defineHook, runHook } from "cc-hooks-ts";

const hook = defineHook({
  trigger: {
    // トリガーするイベントを指定
    PostToolUse: {
      Write: true,
      Edit: true,
    },
  },
  // オプション: 条件付き実行
  shouldRun: () => {
    return process.platform === "darwin"; // macOSのみ
  },
  run: (context) => {
    // フックのロジック

    // 成功レスポンス（何もしない）
    return context.success({});

    // または、追加コンテキストを返す
    return context.json({
      event: "PostToolUse",
      output: {
        hookSpecificOutput: {
          hookEventName: "PostToolUse",
          additionalContext: "Claude へのメッセージ",
        },
        suppressOutput: true,
      },
    });

    // または、エラーでブロック
    return context.blockingError("操作をブロックしました");
  },
});

if (import.meta.main) {
  await runHook(hook);
}

サポートされているイベント

ツール固有のフック

特定のツールに対してのみフックをトリガーする場合:

const hook = defineHook({
  trigger: {
    PreToolUse: {
      Read: true,  // Read ツールのみ
    },
  },
  run: (context) => {
    const filePath = context.input.tool_input.file_path;

    // .env ファイルへのアクセスをブロック
    if (filePath.endsWith(".env")) {
      return context.blockingError("環境ファイルへのアクセスは許可されていません");
    }

    return context.success({});
  },
});

主要 API

context オブジェクト

context.input の構造

interface HookInput {
  event: string;           // イベント名
  tool_name?: string;      // ツール名（ToolUse系イベント）
  tool_input?: Record<string, any>;  // ツールの入力パラメータ
  tool_output?: string;    // ツールの出力（PostToolUse）
}

plugin.json での設定

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Write|Edit",
        "hooks": [
          {
            "type": "command",
            "command": "bun run -i --silent ${CLAUDE_PLUGIN_ROOT}/​path/​to/​hook.ts"
          }
        ]
      }
    ]
  }
}

重要:

• bun run -i --silent を使用すること
• ${CLAUDE_PLUGIN_ROOT} でプラグインルートを参照

実装例

例1: ファイル書き込み時に知見ファイルを提案

#!/​usr/​bin/​env bun
import { existsSync } from "node:fs";
import { basename } from "node:path";
import { defineHook, runHook } from "cc-hooks-ts";

const hook = defineHook({
  trigger: {
    PostToolUse: {
      Write: true,
      Edit: true,
    },
  },
  run: (context) => {
    const filePath = context.input.tool_input.file_path;
    const knowledgePath = `${filePath}.knowledge.md`;

    if (existsSync(knowledgePath)) {
      return context.json({
        event: "PostToolUse",
        output: {
          hookSpecificOutput: {
            hookEventName: "PostToolUse",
            additionalContext: `${knowledgePath} に知見を追記してください`,
          },
          suppressOutput: true,
        },
      });
    }

    return context.success({});
  },
});

if (import.meta.main) {
  await runHook(hook);
}

例2: 特定ディレクトリへの書き込みをブロック

#!/​usr/​bin/​env bun
import { defineHook, runHook } from "cc-hooks-ts";

const PROTECTED_DIRS = ["/​etc", "/​usr", "/​System"];

const hook = defineHook({
  trigger: {
    PreToolUse: {
      Write: true,
    },
  },
  run: (context) => {
    const filePath = context.input.tool_input.file_path;

    for (const dir of PROTECTED_DIRS) {
      if (filePath.startsWith(dir)) {
        return context.blockingError(
          `${dir} への書き込みは許可されていません`
        );
      }
    }

    return context.success({});
  },
});

if (import.meta.main) {
  await runHook(hook);
}

例3: セッション開始時の環境チェック

#!/​usr/​bin/​env bun
import { existsSync } from "node:fs";
import { defineHook, runHook } from "cc-hooks-ts";

const hook = defineHook({
  trigger: {
    SessionStart: true,
  },
  run: (context) => {
    const requiredFiles = [".env", "package.json"];
    const missing = requiredFiles.filter(f => !existsSync(f));

    if (missing.length > 0) {
      console.error(`警告: 以下のファイルが見つかりません: ${missing.join(", ")}`);
    }

    return context.success({});
  },
});

if (import.meta.main) {
  await runHook(hook);
}

カスタムツール型の拡張

MCP で定義されたカスタムツールに型を追加する場合:

import { defineHook } from "cc-hooks-ts";

declare module "cc-hooks-ts" {
  interface ToolSchema {
    my_custom_tool: {
      input: { query: string };
      output: { result: string };
    };
  }
}

const hook = defineHook({
  trigger: {
    PostToolUse: {
      my_custom_tool: true,
    },
  },
  run: (context) => {
    // context.input.tool_input は { query: string } として型付けされる
    return context.success({});
  },
});

ベストプラクティス

1. エラーハンドリング: try-catch で予期しないエラーをキャッチ
2. クールダウン: 頻繁なトリガーを避けるためクールダウン機構を実装
3. ログ出力: console.error() でユーザーに情報を表示（console.log は避ける）
4. 冪等性: 同じ入力に対して同じ結果を返すように設計
5. 軽量化: フック処理は高速に完了するよう設計

参考リンク

• cc-hooks-ts GitHub
• Claude Code Hooks 公式ドキュメント