エージェントの可視化

エージェントの可視化では、 Graphviz を使用してエージェントとその関係の構造化されたグラフィカル表現を生成できます。これは、アプリケーション内でエージェント、ツール、ハンドオフがどのように相互作用するかを理解するのに役立ちます。

インストール

オプションの viz 依存関係グループをインストールします:

pip install "openai-agents[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)

Agent Graph

これは、 トリアージエージェント と、そのサブエージェントやツールへの接続の構造を視覚的に表すグラフを生成します。

可視化の理解

生成されたグラフには次が含まれます:

入口を示す 開始ノード (__start__)。
黄色で塗りつぶされた 長方形 で表されるエージェント。
緑で塗りつぶされた楕円で表されるツール。
灰色で塗りつぶされた 長方形 で表される MCP サーバー。
相互作用を示す向き付きエッジ:
エージェント間のハンドオフには 実線の矢印。
ツール呼び出しには 点線の矢印。
MCP サーバー呼び出しには 破線の矢印。
実行終了位置を示す 終了ノード (__end__)。

注意: MCP サーバーは、最近の agents パッケージのバージョンでレンダリングされます（ v0.2.8 で確認済み）。可視化に MCP ボックスが表示されない場合は、最新リリースにアップグレードしてください。

グラフのカスタマイズ

グラフの表示

既定では、draw_graph はグラフをインライン表示します。別ウィンドウでグラフを表示するには、次のように記述します:

draw_graph(triage_agent).view()

グラフの保存

既定では、draw_graph はグラフをインライン表示します。ファイルとして保存するには、ファイル名を指定します:

draw_graph(triage_agent, filename="agent_graph")

これにより、作業ディレクトリに agent_graph.png が生成されます。