你编写三个文件：

first-mod/
├── .claude-plugin/
│   └── plugin.json
└── hooks/
    ├── hooks.json
    └── register.js

• plugin.json：插件的清单
• hooks.json：指向你的代码文件
• register.js：你的代码，称为 hooks 模块

1. 创建插件目录

创建保存文件的两个目录：

Bash or Zsh

mkdir -p first-mod/.claude-plugin first-mod/hooks

PowerShell

New-Item -ItemType Directory -Force first-mod\.claude-plugin, first-mod\hooks

2. 编写清单

Mod 是一个插件，mod 需要一个清单。这个 mod 的清单没有特殊字段。将其保存为 first-mod/.claude-plugin/plugin.json：

{
  "name": "first-mod",
  "version": "0.1.0",
  "description": "Counts Claude's tool calls, shows the count beside the spinner, and adds a /tally command",
  "author": { "name": "Your Name" }
}

3. 告诉 Claude Code 你的代码在哪里

当 Claude Code 加载一个插件时，它读取插件的 hooks/hooks.json。该文件中的 modules 键给出你的代码的路径，拥有它是使插件成为 mod 的原因。列出一个路径，相对于 hooks.json。这里它指向 register.js，你在下一步中编写。

将其保存为 first-mod/hooks/hooks.json：

{
  "description": "The first-mod hooks module",
  "modules": ["./register.js"]
}

4. 编写代码

这个文件是 mod 的代码，称为 hooks 模块。当 mod 加载时，Claude Code 调用文件导出的 register 函数，并传递一个名为 on 的函数。每次调用 on 都会为它命名的事件注册一个事件处理程序，称为 hook。

将其保存为 first-mod/hooks/register.js：

// The count, shared by the hooks below
let calls = 0

// Claude Code calls this once when the mod loads
export function register(on) {
  // Runs when the session starts, before your first prompt
  on('session.start', async ($, e, next) => {
    // Add the /tally command
    await $.command.register({
      name: 'tally',
      description: 'Show how many tool calls Claude has made',
    })
    // Let the session start as usual
    return next(e)
  })

  // Runs each time Claude is about to use a tool
  on('tool.call', async ($, e, next) => {
    calls += 1
    // Ask Claude Code to draw the interface again, so the new count shows
    $.ui.invalidate('ui.render')
    // Let the tool run as usual
    return next(e)
  })

  // Runs when you type /tally, and only then, because of the matcher
  on('command.run', { command: 'tally' }, async () => {
    // The text to print in the transcript
    return { text: 'Claude has made ' + calls + ' tool calls since this mod loaded' }
  })

  // Runs each time Claude Code draws the spinner
  on('ui.render', { component: 'Spinner' }, async ($, e, next) => {
    // Keep Claude Code's spinner, with the count added after its word
    return next({ ...e, props: { ...e.props, suffix: ' · tool calls: ' + calls + '…' } })
  })
}

该文件在 calls 中保持计数，并注册四个 hook：

• session.start 在会话启动时运行，在你的第一个提示之前，以及每次 mod 重新加载时。它将 /tally 命令添加到 Claude Code。
• tool.call 每次 Claude 即将使用工具时运行。它将 1 添加到 calls 并要求 Claude Code 再次绘制界面。
• command.run 当你键入 /tally 时运行。它返回要打印的文本。
• ui.render 每次 Claude Code 绘制微调器时运行。它在微调器的单词后添加计数。

示例 mod 如何工作解释了每个 hook 采用的三个参数以及每个参数返回的内容。

5. 加载 mod

使用 --plugin-dir 标志启动 Claude Code，它为一个会话加载一个插件目录而不安装它：

claude --plugin-dir ./first-mod

6. 尝试 mod

要求 Claude 做一些需要几个工具调用的事情，例如 list the files here and read the README。当 Claude 工作时，微调器的单词后跟一个上升的计数，如 Thinking · tool calls: 2…。当 Claude 完成时，键入 /tally 并按 Enter。转录显示 first-mod: Claude has made 2 tool calls since this mod loaded，带有你自己的计数。Claude Code 将插件的名称放在命令的文本前面。

要在非交互模式下检查命令，请运行它：

claude -p "/tally" --plugin-dir ./first-mod

first-mod: Claude has made 0 tool calls since this mod loaded

如果 /tally 不在命令列表中，则模块未加载。请参阅找出为什么 mod 什么都不做。

7. 在会话运行时更改代码

保持会话打开。在 register.js 中，在 ui.render hook 中将 ' · tool calls: ' 更改为 ' · tools used: ' 并保存。突出显示的行是更改的行：

  // Runs each time Claude Code draws the spinner
  on('ui.render', { component: 'Spinner' }, async ($, e, next) => {
    // Keep Claude Code's spinner, with the count added after its word
    return next({ ...e, props: { ...e.props, suffix: ' · tools used: ' + calls + '…' } })
  })

转录中的一行说 first-mod 重新加载并列出其 hook，下一个微调器使用新文本，如 Thinking · tools used: 1…。

示例 mod 如何工作

你传递给 on 的每个函数都是一个 hook，它是一个事件处理程序。Claude Code 将相同的三个参数传递给每个 hook：

• Mods API，名为 $：mod 可以调用的每个方法来到达自身之外，在命名空间中，例如 $.ui 和 $.command
• 事件，名为 e：事件的输入作为纯数据，例如工具调用的名称和参数
• 下一个处理程序，名为 next：一个函数，将事件传递给其他 mod，然后传递给 Claude Code 自己的行为，并返回结果

first-mod 中的 hook 以下列方式处理各自的事件：

• 观察：session.start hook 注册命令，tool.call hook 计算调用并要求重新绘制。两者都返回 next(e)，所以会话启动，工具照常运行。
• 回答：command.run hook 返回自己的结果，从不调用 next。on 的第二个参数 { command: 'tally' } 是一个过滤器，称为匹配器，所以 hook 仅对 /tally 运行。
• 重写：ui.render hook 使用 e 的副本调用 next，其 suffix 保持计数，所以 Claude Code 绘制其通常的微调器，你的文本在单词后面

Claude Code 监视使用 --plugin-dir 加载的目录，并在其中的文件更改时热重新加载 hooks 模块。每次重新加载都会再次运行 register，所以 calls 回到 0，/tally 开始重新计数。要在重新加载中保持值，请参阅保持状态。

继续处理 mod

一旦 mod 加载，你可以让 Claude 更改它，根据你的版本的类型定义检查你的代码，列出 Claude Code 在其中找到的事件和调用，并测试它。

使用 Claude 更改 mod

要更改你已有的 mod，使用 --plugin-dir 指向 mod 的目录启动会话，以便 Claude 编写的内容在同一会话中加载：

claude --plugin-dir ./first-mod

然后请求更改，例如 add a /tally-reset command to this mod that sets the tally back to zero。Claude 编辑 hooks 模块，运行 claude plugin validate，并修复它报告的内容。你使用 --plugin-dir 加载的目录是一个受保护的路径，所以在 default 和 acceptEdits 模式中，你被要求批准 Claude 对 mod 的每个编辑。受保护的路径表给出其他权限模式的结果。

Claude 在其转折期间保存的文件在转折结束时重新加载，所以你可以在 Claude 完成后立即尝试 /tally-reset。

获取你的版本的类型定义

当 Claude Code 在交互式会话中从 --plugin-dir 加载 mod，或加载 Claude 为您编写的 mod 时，它会将 TypeScript 声明文件写入 mod 的 .claude-plugin/types/ 目录。这些文件描述了您正在运行的 Claude Code 版本中的确切事件、mods API 方法和元素，因此您的编辑器可以对您的 hook 进行自动补全和类型检查。该目录包含以下文件：

如果你的 mod 没有自己的 tsconfig.json，Claude Code 会在 mod 的根目录添加一个，扩展生成的那个，所以你的编辑器和 tsc -p ./first-mod 类型检查 mod 而无需更多设置。

事件和方法可以在版本之间更改，所以当它们不同意时，相信这些文件而不是任何页面，包括这个。

claude-code/index.d.ts 是你的构建的最完整的参考，每个 mods API 方法都有注释和示例。要查找某些内容，请在文件中搜索其名称，例如 'tool.call'。

检查 Claude Code 从你的 mod 中读取的内容

要以 Claude Code 看到的方式查看你的 mod，而不运行你的代码或启动会话，请使用 claude plugin validate。它检查清单并对 hooks 模块的源运行相同的静态分析，Claude Code 在加载 mod 时运行。在你的 shell 中，在 mod 的目录上运行它：

claude plugin validate ./first-mod

对于 first-mod，输出包括这些行。

  ❯ ./register.js hooks: session.start, tool.call, command.run{command=tally}, ui.render{component=Spinner}
  ❯ ./register.js calls: $.command.register, $.ui.invalidate

✔ Validation passed

在 hooks: 行中查看您的模块 hook 的事件，每个事件的过滤器都显示在大括号中；在 calls: 行中查看它调用的每个 mods API 方法。如果您的模块读取或设置环境变量，还请查看 env reads: 和 env writes: 行；如果它使用 $.state，还请查看 state reads: 和 state writes: 行。对于每个可以拒绝操作的 hook，您还会看到一行，例如 gating hook without .catch: tool.call，它表明该 hook 是否有 .catch 处理程序。

如果您打算处理的某个事件未出现在第一行中，Claude Code 也不会调用该 hook。常见原因是事件名称拼写错误，该命令会将其报告为错误，例如 "tool.calls" is not an event。

遵循这些规则，以便静态分析可以找到每个 hook 和调用：

• 完整写出每个 mods API 调用：$、命名空间，然后是方法，例如 $.store.get('notes')。您可以将 $ 传递给在同一文件顶层声明的函数；对于名为 loadNotes 的自定义函数，calls: 行会显示 $.store.get (via loadNotes)。将 $ 传递给方法、在 hook 内部定义的函数或从您的其他文件导入的函数会导致验证失败。$.state 使用的 read 和 update 函数是可以接收它的导入。不要将 $ 或其某个命名空间赋值给变量、对其解构，或使用计算名称对其进行索引。const ui = $.ui 会失败并报告 $.ui is used as a value。
• 在每个 on 调用中将事件名称写为字符串文字，例如 'tool.call'。变量或循环遍历名称列表会失败，出现 the event name passed to on() is not a string literal。
• 在 register 内，不要声明第二个名为 on 的变量或参数。验证失败，出现 "on" is declared again (shadowed)。
• 仅从插件目录内的文件导入，通过相对路径。唯一允许的裸导入是 claude-code，用于类型和一些帮助程序。
• 在文件顶部使用 import 声明，如 import { name } from './file.js'。动态 import() 失败，出现 a dynamic import(); a hooks module imports its own files with an import declaration。
• 将每个文件写为 ES 模块，使用 import 而不是 require。参考列出 Claude Code 加载的文件扩展名。

测试 mod

您可以为 mod 编写自动化测试，并在 shell 中使用 claude plugin test 运行，无需会话、登录或网络。测试会触发您的 hook 所处理的事件，并检查 hook 执行了哪些操作。

以下测试触发两次工具调用，运行 /tally，并检查回复是否统计了这两次调用。将其保存为 first-mod/tests/first-mod.test.ts：

import { expect, test } from 'claude-code/testing'

test('/tally reports the tool calls the mod has seen', async ($, on) => {
  // Answer each tool call in Claude Code's place, so no tool runs
  on('tool.call', () => ({ result: 'ok' }))

  // Fire two tool calls, which the mod's tool.call hook counts
  await $.tool.call({ tool: 'Bash', command: 'ls' })
  await $.tool.call({ tool: 'Read', file_path: 'README.md' })

  // Run /tally and check the text its hook returns
  const answer = await $.command.run({ command: 'tally', args: '' })
  expect(answer.text).toBe('Claude has made 2 tool calls since this mod loaded')
})

在你的 shell 中，从 first-mod 目录运行测试：

claude plugin test

输出命名每个测试及其是否通过，时间从运行到运行变化：

tests/first-mod.test.ts:
(pass) /tally reports the tool calls the mod has seen [22.87ms]

 1 pass
 0 fail
Ran 1 test across 1 file. [0.19s]

测试 mod涵盖存根模型调用或存储，以及测试计时器和绘图。

分享你的 mod

mod 是一个插件，所以您在清单中对其进行版本控制，人们使用 /plugin 命令安装和更新它。如何分享取决于分享对象：

• 少数几个人：将插件的目录或其 .zip 文件发送给他们。请参阅在没有市场的情况下分享插件
• 您的团队：将其列入您自己的市场，例如每个插件各占一个目录的私有仓库。要为在某个仓库中工作的所有人添加该市场，请在仓库的设置中注册它
• 您的整个组织：管理员可以通过托管设置安装您组织的 mod
• 任何人：将您的市场仓库设为公开，或将插件提交到 Anthropic 的目录

在你这样做之前，检查插件的 name：claude plugin validate 失败一个看起来像 Anthropic 自己的名称，例如以 claude- 开头的名称。事件和方法可以在版本之间更改，所以你的 README 是说明你测试的 Claude Code 版本的地方。

继续针对目录使用 --plugin-dir 进行开发，而不是针对已安装的副本。Claude Code 按版本缓存已安装的插件，所以在您提高版本并再次安装之前，您的编辑不会到达已安装的副本。

后续步骤

• 在界面中绘制：打开一个窗格，在提示上方绘制，并添加按钮和文本字段
• 对事件做出反应：hook 工具调用、提示和转折
• 使用 mods API：添加命令和工具、调用模型、在计时器上运行工作
• 测试 mod：存根 Claude Code 会回答的内容，以及测试计时器和绘图
• 排查 mod 故障：mod 什么都不做的原因和调试日志
• 阅读内置 mod 的源代码：完整的插件，每个都有其 hooks 模块和测试