Amazon Bedrock AgentCoreでのAIエージェント向け生成UIの構築
サマリー
AG-UIプロトコルを使用して、Amazon Bedrock AgentCore上でインタラクティブなエージェントフロントエンドを構築する方法を解説します。AG-UIは複数のエージェントフレームワークとフロントエンドライブラリと連携し、エージェントとユーザーのインタラクションを標準化します。CopilotKitを使用することで、生成UIや共有状態、人間の介入を実現します。
本文
AIエージェントはチャット以上のことが可能です。適切なプロトコルを使用することで、エージェントは会話中にインタラクティブなチャートを表示したり、リアルタイムで共有キャンバスを更新したり、実行を一時停止して承認を求めることができます。これらのインタラクション(生成UI、共有状態、人間の介入)は、エージェントのバックエンドがフロントエンドに動的なイベントを伝えるための標準的な方法を必要とします。AG-UI(エージェント-ユーザーインタラクションプロトコル)は、この標準を定義するオープンプロトコルです。複数のエージェントフレームワーク(Strands Agents、LangGraph、CrewAI)およびフロントエンドライブラリ(React、Angular、Vue)と連携します。AG-UIを使用することで、エージェントコードとフロントエンドコードは分離されます。バックエンドに最適なフレームワークとフロントエンドに最適なライブラリを選択し、AG-UIがそれらを接続します。Amazon Bedrock AgentCoreは、生成AI向けのAmazon Bedrockサービスの一部であり、エージェントを安全にスケールして構築、展開、運用するためのプラットフォームです。この投稿では、AG-UIがAmazon Bedrock AgentCore上のインタラクティブなエージェントフロントエンドを構築するためにFullstack AgentCore Solution Template(FAST)にどのように統合されるかを説明します。さらに、CopilotKitが生成UI、共有状態、人間の介入インタラクションをどのように拡張するかを示します。