エージェントの可視化
エージェントの可視化では、 Graphviz を使用してエージェントとその関係の構造化されたグラフィカル表現を生成できます。これは、アプリケーション内でエージェント、ツール、ハンドオフがどのように連携するかを理解するのに役立ちます。
インストール
オプションの viz 依存関係グループをインストールします:
グラフの生成
draw_graph 関数を使用してエージェントの可視化を生成できます。この関数は次のような有向グラフを作成します:
- エージェント は黄色のボックスで表されます。
- MCP サーバー は灰色のボックスで表されます。
- ツール は緑色の楕円で表されます。
- ハンドオフ は、あるエージェントから別のエージェントへの有向エッジで表されます。
使用例
import os
from agents import Agent, function_tool
from agents.mcp.server import MCPServerStdio
from agents.extensions.visualization import draw_graph
@function_tool
def get_weather(city: str) -> str:
return f"The weather in {city} is sunny."
spanish_agent = Agent(
name="Spanish agent",
instructions="You only speak Spanish.",
)
english_agent = Agent(
name="English agent",
instructions="You only speak English",
)
current_dir = os.path.dirname(os.path.abspath(__file__))
samples_dir = os.path.join(current_dir, "sample_files")
mcp_server = MCPServerStdio(
name="Filesystem Server, via npx",
params={
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", samples_dir],
},
)
triage_agent = Agent(
name="Triage agent",
instructions="Handoff to the appropriate agent based on the language of the request.",
handoffs=[spanish_agent, english_agent],
tools=[get_weather],
mcp_servers=[mcp_server],
)
draw_graph(triage_agent)
これにより、 トリアージ エージェント とそのサブエージェントやツールへの接続構造を視覚的に表すグラフが生成されます。
可視化の理解
生成されるグラフには以下が含まれます:
- エントリポイントを示す 開始ノード (
__start__)。 - 黄色で塗りつぶされた 長方形 で表されるエージェント。
- 緑色で塗りつぶされた 楕円 で表されるツール。
- 灰色で塗りつぶされた 長方形 で表される MCP サーバー。
- 相互作用を示す有向エッジ:
- エージェント間のハンドオフを示す 実線の矢印。
- ツール呼び出しを示す 点線の矢印。
- MCP サーバー呼び出しを示す 破線の矢印。
- 実行が終了する場所を示す 終了ノード (
__end__)。
注意: MCP サーバーは、最近のバージョンの
agents パッケージ（ v0.2.8 で確認）でレンダリングされます。可視化に MCP ボックスが表示されない場合は、最新リリースにアップグレードしてください。
グラフのカスタマイズ
グラフの表示
デフォルトでは、draw_graph はグラフをインライン表示します。別ウィンドウでグラフを表示するには、次のように記述します:
グラフの保存
デフォルトでは、draw_graph はグラフをインライン表示します。ファイルとして保存するには、ファイル名を指定します:
これにより、作業ディレクトリに agent_graph.png が生成されます。