【AI組織】Claude Code の Tmux × Agent Teams を試してみた

概要

Claude Code に新たに Agent Teams が搭載されました。
Tmux を使うことで、それぞれのエージェントの動作をそれぞれのパネル（ターミナル）で確認できます。
利用方法を備忘録としてまとめました。

環境構築

前提

• wsl 利用可能
• npm 利用可能

Tmux

インストール

apt でインストールする

sudo apt update
sudo apt install tmux

マウス操作を有効化

config ファイルを新規作成し、マウス操作を有効にする

cd

nano .tmux.conf
# 以下をコピペし保存

.tmux.conf

# マウス操作を有効化
set-option -g mouse on

# ダブルクリックでタイルレイアウトに変更
bind -n DoubleClick1Pane select-layout tiled

# tmux再起動
tmux kill-server

コマンド集

よく使うコマンドリスト

# セッション一覧
tmux ls

# セッション作成
tmux new -s xxx

# セッション抜ける
Ctrl + b ⇒ d

# セッション復帰
tmux attach -t xxx

# セッション削除
tmux kill-session -t xxx

Claude Code

インストール

npm でインストールする

npm install -g @anthropic-ai/claude-code

試用

設定ファイル用意

プロジェクト直下に .claude ディレクトリを作成し、その中に以下のような内容を記載した settings.json を配置。

.claude/settings.json

{
  "env": {
    "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1"
  },
  "teammateMode": "tmux"
}

claude code 立ち上げ

# tmux のセッション作成
tmux new -s xxx 
# or 既存のセッションに入る
tmux attach -t xxx

# claude 起動
claude --dangerously-skip-permissions

プロンプト

チームを使って弊社の採用サイト（ https://www.uniontool.co.jp/recruit/ ）を分析し、
改善案をまとめたレポートを HTML で作成してください。
 - SEO の課題点
 - デザイン、UI の課題点
 - セキュリティの課題点

実行画面

参考