Claude CodeのUIや動作をTypeScriptでカスタマイズできる「Mods」正式リリース

Anthropicは2026年10月1日、TypeScriptの記述でClaude Codeの動作をカスタマイズできる「Mods」の機能が正式に追加されたことを発表した。

Customize Claude Code with mods in TypeScript | Claude by Anthropic

You can now mod Claude Code:

- Change how it behaves
- Customize the UI
- Swap in your own features

Write one with a few lines of TypeScript, or have Claude build it for you. Mods ship inside plugins, so you install them with /plugin in the CLI or desktop app.

A few examples: pic.twitter.com/qMtzV8AeId
— ClaudeDevs (@ClaudeDevs) October 1, 2026

Mods機能ではTypeScriptで書かれたコードである「mod」を使って、Claude Codeのプロンプトの書き換えやUIの追加/変更、組み込み機能の置き換え、さらに全く新しい機能を追加することができる。modはプラグインとして提供され、通常のプラグインと同様にインストール・共有が可能。Claude Code 2.1.287以降のバージョンでデフォルトで有効となっており、使用するための設定は必要ない。CLIとデスクトップアプリの両方で動作する。

Claude Codeには設定ファイルで定義するHooksという拡張機能がある。HooksはClaude Codeが実行するイベント（ツール呼び出し、権限要求、画面描画など）ごとにシェルコマンドを実行し、JSONを標準入力に渡して結果を得るだけで動作を終了する。ModsはこのHooksにClaude Code内で動作するTypeScript関数を登録することで、セッション内で状態を保持できる。このため、イベントの前後、あるいはイベントを置き換えて処理を実行でき、ボタンや入力フォーム、ペインなどのUIの追加/変更やプロンプトの書き換え、ツールのブロックや再試行、権限要求の自動承認/拒否が可能。

またClaude Code自体にもAGENTS.mdのサポートやサイドバーに表示される/diffペインなど、modとして構築されている機能がある。これらのソースコードはGitHubで公開されているので、mod作成のサンプルとして確認できる。

modはユーザー自身で作成できるほか、Claude Codeに作成を依頼することも可能。プロンプトから作成したmodは、動作を見ながら調整することもできる。なお、この方法で作成したmodはそのセッション限りの一時的なもので、継続して使うには、フォルダーを別の場所へコピーし、通常のプラグインとしてインストールする必要がある。modの詳しい作り方はチュートリアルを参照。

modの作成例として、タスク実行後にコンテキストウィンドウの消費トークン率を「お天気マーク」でビジュアルに表示できる「Token Weather」というmodが公式Xやチュートリアルで紹介されている

公開されているmodのプラグインはClaudeディレクトリから入手、インストールが可能。また作成したmodは、通常のプラグインと同様にマーケットプレイス経由で共有できるほか、Claudeディレクトリに掲載申請することも可能。なおmodはClaude Code本体と同様に使用中のコンピュータへのアクセス権を持ち、サンドボックス化されていないため、通常のアプリケーションのように信頼できるソースから入手したmodのみをインストールするよう注意喚起されている。