Claude Code新機能「Mods」解説：見た目と振る舞いを自在にカスタマイズ

AIエージェントツール「Claude Code」に実装された新機能「Mods」について解説します。Modsを利用することで、ユーザーは自身の好みに合わせてUIの変更や特定の処理の自動化など、ツールの見た目と振る舞いを自分仕様に拡張できます。

Modsとは何か

Modsは、Claude Codeの見た目（UI）や振る舞いを変えるためのプラグインのような仕組みです。ゲームの「Mod」と同様の発想で、本体を直接作り直すことなく、TypeScriptを用いて機能を拡張できます。これまでのSkillやHooks、MCPが外部から働きかけるものだったのに対し、ModsはClaude Codeのソフトウェア内部で常時動作し、画面の描画やプロンプトの制御をより柔軟に行えるのが特徴です。

実演：トークン使用量の可視化

動画では、チャット入力欄の上に現在のアカウント全体のトークン使用量と、そのセッション単体での使用量を表示する「Usage Monitor」を作成する様子が実演されています。Claudeに「Mod機能を使って、トークン使用量を分かりやすく可視化して」と指示するだけで、プログラムが自動生成され、リアルタイムで更新されるバロメーターがUIに組み込まれます。デザインが気に入らない場合も、対話を通じてミニマルなスタイルやテクノロジー感のあるスタイルへ修正可能です。

公式の活用例とユースケース

公式からは、コンテキストの埋まり具合を天気で表す「Token Weather」や、強制削除コマンド（rm -rf）の実行前に確認を挟む「Blast Radius」などの例が示されています。また、Grokを用いたリサーチにより、GitHubのプルリクエスト状況をダッシュボードとして横に表示し続ける機能や、作業中の待ち時間にスネークゲームやテトリスを表示させるといった遊び心のある活用法も紹介されています。

導入の前提条件と注意点

Modsを利用するには、Claude Codeのバージョンが2.1.287以降である必要があります。作成したModはそのセッション限りで有効ですが、特定のディレクトリに保存して起動時に指定するか、プラグインとしてインストールすることで、全てのセッションで継続的に利用できるようになります。なお、ターミナル版ではSVGアニメーションが表示されないなどの制約があるため、デスクトップアプリ版での利用が推奨されています。

なぜ重要か

Modsの登場により、ユーザーはAIエージェントを「与えられたツール」として使うだけでなく、自身の作業スタイルに最適化した「専用の作業環境」へと作り変えることが可能になります。特に、これまで確認のために別画面へ移動していた情報（トークン残量や外部通知など）をUIに常駐させることで、作業のコンテキストを維持したまま開発に集中できる環境を構築できる点が大きなメリットです。

こんな人におすすめ

Claude Codeをより効率的に使いこなしたい開発者や、AIツールのUIを自分好みにカスタマイズしたい方に最適です。