Claude Desktop連携

Hermes AgentとClaude Desktopの関係

Hermes Agent（CLI）とClaude Desktop（デスクトップアプリ）は別製品です。 共通しているのはClaudeモデルを使っている点だけで、 インターフェース、得意領域、利用シーンがまったく異なります。

Hermes Agentはターミナルベースのコーディング特化ツールです。 ファイル操作、Git管理、テスト実行、CI/CD連携など、 開発作業のほぼすべてをCLI上で完結させます。 高速で、スクリプトとの連携が容易で、自動化との相性が抜群です。

Claude Desktopはビジュアルベースの汎用ツールです。 内蔵ブラウザでUIを直接確認したり、デスクトップアプリケーションを操作したり、 コーディング以外のタスクにも対応します。 ターミナルに慣れていない人でも使えるGUIインターフェースが特徴です。

どちらが上位互換ということはありません。 両方を使い分けることで、AIの活用範囲が大きく広がります。 私の場合、日常の開発作業の90%以上はHermes Agent（CLI）で完結しますが、 残りの10% ――ビジュアル確認やGUI操作が必要な場面―― でClaude Desktopが活きてきます。

Claude Desktop App

Claude Desktop Appは、macOSとWindowsに対応するネイティブアプリケーションです。 ターミナルではなくウィンドウ上で動作し、 リッチなUIでClaudeとやり取りできます。 コーディングタスクにも対応しますが、真価を発揮するのはCLIでは難しい領域です。

内蔵ブラウザ

Desktop Appにはブラウザが内蔵されています。 Webサーバーを自動的に起動し、開発中のページをアプリ内で直接プレビューできます。 「このコンポーネントの見た目を確認して」と依頼すれば、 コードの修正からブラウザでのプレビューまでをDesktop内で完結できます。 手動でブラウザを開いてリロードする手間がなくなります。

ファイルのドラッグ&ドロップ

画像やPDF、CSVなどのファイルをチャットウィンドウにドラッグ&ドロップするだけで、 Claudeに直接渡せます。 「このスクリーンショットのUIを再現して」「このCSVを分析して」といった ファイルベースの指示が直感的に行えます。 CLIではcatやパス指定が必要な操作が、GUIでは一瞬です。

画像認識

Desktop Appではマルチモーダル入力が自然に使えます。 スクリーンショットを貼り付けて「このエラー画面を見て原因を教えて」と聞いたり、 デザインカンプを渡して「この通りに実装して」と指示することが可能です。 CLI版でも画像パスを渡せますが、Desktopの方がワークフローとして圧倒的にスムーズです。

Worktreeチェックボックス

Desktop Appの特徴的な機能がworktreeチェックボックスです。 チェックを入れるだけで、自動的にgit worktreeが作成され、 独立したブランチ上でエージェントが作業を開始します。 メインブランチを汚さずに実験的な変更を試せるため、 「とりあえずこの方針で試してみて」という依頼を安全に実行できます。

CLIセッションの引き継ぎ

Hermes Agentのセッション中に/desktop（エイリアス: /app）コマンドを実行すると、 現在の会話コンテキストをそのままDesktop Appに引き継げます。 逆にDesktopからCLIに戻ることも可能です。 深いコーディング作業をCLIで進めた後、ビジュアル確認だけDesktopで行う ――こうした切り替えがシームレスにできます。

Computer Use

Computer Useは、Claude Desktopの中でも最もユニークな機能です。 Claudeが画面のスクリーンショットを撮影し、 画面上の要素を認識し、マウスやキーボードを自動操作する――文字通り「コンピュータを使う」能力です。

Playwright MCPやChrome拡張がWebブラウザに限定されるのに対し、 Computer UseはOS上のあらゆるアプリケーションを操作できます。 Figma、Excel、Photoshop、社内の業務アプリケーション、レガシーシステム ――画面に表示されるものなら何でも操作対象になります。

活用シーン

• Figmaデザインの確認:デザインファイルを開いて要素のサイズや配色を読み取り、 コードとの差分をレポートする
• 管理画面の定型操作:CMSやバックオフィスツールで、同じ手順を繰り返す作業を自動化
• ブラウザテスト:実際のブラウザを操作してE2Eテストを視覚的に実行
• レガシーシステムへのデータ入力:APIが存在しない古いシステムに対して、画面操作でデータを投入
• 複数アプリ間のデータ転記:あるシステムからデータを読み取り、別のシステムに入力する作業

注意点

Computer Useには明確な制約があります。 毎回スクリーンショットを撮影して画面を認識するため、処理速度が遅いです。 人間がマウスを動かすのと同程度か、それより遅いこともあります。 また、画面認識の精度にバラつきがあり、 小さなボタンや複雑なUIでは誤操作が発生することもあります。

Cowork MCP

Cowork MCPは、Claude DesktopにHermes Agentを「ツール」として接続する仕組みです。 Desktop側のチャットUIから自然言語で指示を出すと、 裏側でHermes Agentが実際のコーディング作業を実行します。

最大のメリットは、非エンジニアがコードベースに対して 質問や変更指示を出せるようになることです。 ターミナルの操作方法を知らなくても、 Desktopのチャットウィンドウに「トップページのバナー画像を差し替えて」と 入力するだけで、Cowork MCP経由でHermes Agentが該当ファイルを特定し、 画像パスを書き換えてくれます。

セットアップ

Cowork MCPのセットアップは、Desktop側のMCP設定でcowork serverを追加するだけです。 Hermes Agentがインストール済みの環境であれば、追加の依存関係は不要です。

// Claude Desktop の MCP設定
// Settings > Developer > MCP Servers に追加
{
  "mcpServers": {
    "claude-code": {
      "command": "claude",
      "args": ["mcp", "serve"],
      "cwd": "/path/to/your/project"
    }
  }
}

設定後、Desktop上で「コードを修正して」「テストを実行して」と指示すると、 バックグラウンドでHermes Agentが起動し、結果がDesktop側に返ります。 非エンジニアのチームメンバーが、エンジニアの手を借りずに 簡単なコード変更を依頼できるようになるのが大きな利点です。

活用例

• PMからのバグ報告 → 修正:PMがDesktopに「ログインページで入力欄のバリデーションが効いていない」と報告 → Cowork MCP経由でHermes Agentが該当コードを特定・修正
• デザイナーからの微修正依頼:「フッターの余白を16pxから24pxに変更して」 → Hermes Agentが該当CSSを修正してコミット
• コードベースへの質問:「このプロジェクトの認証はどの仕組みを使っている？」 → Hermes Agentがコードを検索して回答

Dispatch

Dispatchは、Claude Desktopから複数のHermes Agentインスタンスを 起動・管理する機能です。 ターミナルでtmuxを使って複数のAgent Teamsを並列実行する方法 （第13章で解説）のGUI版とも言えます。

Desktopの画面上で複数のタスクを同時に走らせ、 それぞれの進捗をリアルタイムで確認できます。 タスクの割り振り、進捗モニタリング、結果のマージが すべてDesktopのUIで行えるため、 ターミナルの分割画面を管理するよりも視覚的にわかりやすいです。

CLIとの違い

CLIでの並列実行（tmux + Agent Teams）は、 スクリプトとの連携やCI/CDパイプラインへの組み込みに強みがあります。 一方、Dispatchは視覚的な管理とインタラクティブな操作に優れています。

• CLI並列実行:自動化スクリプトに組み込みたい場合、ヘッドレス環境で動かしたい場合
• Dispatch:手動でタスクを投げ分けて進捗を目視確認したい場合、 非エンジニアがタスク管理画面として使いたい場合

活用シーン

• 並列リファクタリング:フロントエンド・バックエンド・テストの修正を3つのインスタンスで同時実行
• 複数リポジトリへの一括変更:マイクロサービス群の依存パッケージを一斉にアップデート
• 調査と実装の並行:1つのインスタンスで技術調査を進めつつ、 別のインスタンスで判明した部分から実装を開始

CLI ↔ Desktop セッション連携

Hermes AgentとClaude Desktopの間で、セッションのコンテキスト（会話履歴、ファイル状態）を引き継いで 切り替えることができます。 作業の文脈を失わずに、最適なツールへ乗り換えられる仕組みです。

/desktop（/app）コマンド

ターミナル上のHermes Agentセッションから/desktop（エイリアス: /app）を実行すると、 現在の会話コンテキストがDesktop Appに転送されます。 Desktopが起動し、CLIで話していた内容がそのまま引き継がれた状態で チャットを続行できます。

# CLIからDesktopへセッションを転送
/desktop

# エイリアス
/app

/teleportコマンド

逆方向の切り替えも可能です。 Desktop App上で/teleportを実行すると、 Desktop側のセッションコンテキストがCLI環境に転送されます。 Desktop上でプロトタイピングを進めた後、 本格的な実装フェーズでCLIに戻るといった使い方ができます。

使い分けの実践パターン

• 深いコーディング作業 → CLI:大量のファイル変更、複雑なリファクタリング、パイプライン連携はCLIが速い
• プレゼン・デモ → Desktop:チームメンバーにAIの動きを見せるとき、GUIの方が伝わりやすい
• ビジュアル確認 → Desktop:内蔵ブラウザでUIの見た目をリアルタイムで確認
• 非コーディングタスク → Desktop:ドキュメント作成、画像分析、Computer Useを活用する操作

セッション連携の最大の利点は、切り替えのたびに状況を説明し直す必要がないことです。 「さっきCLIで修正した箇所の見た目を確認したい」とDesktopで言えば、 修正内容を理解した状態で即座にプレビューに移れます。

いつClaude Desktopを選ぶか

以下は厳密なルールではなく、判断の目安です。 自分のワークフローに合わせて柔軟に使い分けてください。

判断基準の整理

• コーディングタスク → Hermes Agent（CLI）。 ファイル操作、Git、テスト、自動化はCLIが圧倒的に速い
• GUI操作の自動化 → Claude Desktop + Computer Use。 APIがないアプリケーションの操作、クロスアプリのデータ転記
• 非エンジニアからの操作指示 → Claude Desktop + Cowork MCP。 ターミナルを使わずにコードベースへの質問・変更依頼が可能
• 大量の並列タスク管理 → Claude Desktop + Dispatch。 視覚的なタスク管理、進捗のリアルタイム確認
• プレゼン・デモ → Claude Desktop。 GUIの方が非技術者にも伝わりやすい
• ファイルベースの入力 → Claude Desktop。 画像・PDF・CSVのドラッグ&ドロップ

まとめ

Claude Desktopは「Hermes AgentでカバーしきれないGUI操作・非コーディングタスク・ チーム連携」を補完する存在です。 内蔵ブラウザによるビジュアル確認、Computer Useによるデスクトップ操作の自動化、 Cowork MCPによる非エンジニアとの連携、Dispatchによる並列タスク管理。 これらはすべて、CLI中心のワークフローを「補完」するものであり、 置き換えるものではありません。

両方を適切に使い分けることで、AIの業務活用範囲が最大化します。 普段はCLIで開発し、必要な場面でDesktopに切り替える。 セッション連携を使えば、その切り替えもシームレスです。

このページで、活用ガイド全20ページが完結です。 基本操作から始まり、プロンプティング、CLAUDE.md設計、 Skills・Commands・Hooks・MCP、セキュリティ、 サブエージェント、オーケストレーション、リモート開発、 チーム運用、プラグイン、そしてDesktop連携まで。 ここまでの知識を実践に活かしてください。 最初は基本操作を確実に身につけ、徐々に高度な機能に手を伸ばしていく。 その積み重ねが、AIを「たまに使うツール」から 「開発の中核を担うパートナー」に変えていきます。