Skip to content

A2UIはどのように使えますか？

あなたの役割とユースケースに合った統合パスを選択してください。

3つのパス

パス 1：ホストアプリケーションの構築 (フロントエンド)

既存のアプリにA2UIレンダリング機能を統合するか、エージェント主導の新しいフロントエンドを構築します。

レンダラーの選択：

  • Web： Lit, Angular
  • モバイル/デスクトップ： Flutter GenUI SDK
  • React： 2026年第1四半期予定

クイック設定：

Angularアプリを使用している場合、Angularレンダラーを追加できます：

npm install @a2ui/angular

エージェントメッセージ (SSE, WebSockets または A2A) に接続し、ブランドに合わせてスタイルをカスタマイズしてください。

次のステップ： クライアント設定ガイド | テーマ設定

パス 2：エージェントの構築 (バックエンド)

すべての互換性のあるクライアントのためにA2UI応答を生成するエージェントを作成します。

フレームワークの選択：

  • Python： Google ADK, LangChain, カスタム実装
  • Node.js： A2A SDK, Vercel AI SDK, カスタム実装

LLMプロンプトにA2UI仕様を含め、JSONLメッセージを生成して、SSE, WebSockets または A2A を介してクライアントにストリーミングします。

次のステップ： エージェント開発ガイド

パス 3：既存のフレームワークを活用する

すでにA2UIをサポートしているフレームワークを介して使用します：

  • AG UI / CopilotKit - A2UIレンダリング機能を含むフルスタックReactフレームワーク
  • Flutter GenUI SDK - クロスプラットフォーム生成型UI（内部的にA2UIを使用）

次のステップ： エージェントUIエコシステム | A2UIはどこで使われていますか？