エージェント設計図

ウェブ閲覧エージェントの作り方

ウェブ閲覧エージェントの無料設計図。 11個のコンポーネントを接続した、コードファースト、単一エージェント、クラウドホスト型の構成。 Manus, Tavily, Browserbase, LangChainを中心に構築。 コピー、エクスポート、または回答の変更で、プロジェクトに合わせて調整できます。

コードを入手
アーキテクチャ

ウェブ・コンピューター操作エージェント

11個のコンポーネントを接続した、コードファースト、単一エージェント、クラウドホスト型の構成。

ログインして保存

アーキテクチャマップ

コンポーネントをタップして接続を表示

インターフェースとトリガーオーケストレーション推論メモリ・ナレッジツールと連携監視・安全対策チャットインターフェースウェブチャットウィジェットスケジューラーTrigger.devエージェントフレームワークLangChain人による承認ステップオーケストレーターに内蔵推論モデルGemini会話メモリオーケストレーターに内蔵ウェブ検索Tavilyブラウジング・スクレイピングBrowserbaseコンピューター操作エージェントManusガードレール入出力チェックトレーシングと評価Langfuse

横にスワイプしてマップ全体を表示

ツール設定

インターフェースとトリガー

  • チャットインターフェース

    エージェントとやり取りする場所

    ウェブチャットウィジェット

    またはSlackまたはTeamsのボット

  • スケジューラー

    スケジュールに沿ってエージェントを起動

    Trigger.dev

    またはZapier, Make

オーケストレーション

  • エージェントフレームワーク

    エージェントループ・ツール呼び出し・状態をコードで管理

    LangChain

    またはLlamaIndex, CrewAI

  • 人による承認ステップ

    リスクのある操作を人が承認するまで一時停止

    オーケストレーターに内蔵

    またはn8n wait node, Slackの承認メッセージ

推論

  • 推論モデル

    画像や長文ドキュメントを理解

    Gemini

    またはClaude, ChatGPT / OpenAI

メモリ・ナレッジ

  • 会話メモリ

    現在のチャットやタスクの状況を把握

    オーケストレーターに内蔵

ツールと連携

  • ウェブ検索

    ウェブから最新情報を取得

    Tavily

    またはExa, Perplexity

  • ブラウジング・スクレイピング

    ウェブサイトを読み取り、操作する

    Browserbase

    またはFirecrawl, Airtop

  • コンピューター操作エージェント

    人のようにクリック、文字入力、フォーム入力を行う

    Manus

    またはSimular (Sai), Airtop, Perplexity Comet

監視・安全対策

  • ガードレール

    危険な入力、プロンプトインジェクション、データ漏洩を防ぐ

    入出力チェック

    またはツール操作の許可リスト

  • トレーシングと評価

    すべてのステップ・コスト・回答品質を記録する

    Langfuse

    またはLangSmith, Weights & Biases

エージェントを一歩ずつセットアップ

終わったステップにチェックを入れましょう。進捗はこのプランと一緒に AItooling アカウントに保存されます。

0/19 完了

AItooling があなたの代わりに登録することはなく、パスワードやキーを求めることもありません。各アカウントはツールの公式サイトでご自身で作成し、ここにはチェックの状態だけが保存されます。

ログイン このプランを保存すると、進捗がアカウントに残ります。

  1. 1アカウントを作成する

    • 登録またはインストールし、このエージェント用の新しいプロジェクトを作成します。

    • 登録し、利用者がエージェントと話す場所を設定します。

    • 登録して API キーを作成し、まず月間の利用上限を設定します。

    • 登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。

    • 登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。

    • 登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。

    • 登録し、エージェントの動作を確認できるようログを有効にします。

  2. 2この順序で構築

  3. 3エージェントを公開する

    • このエージェント用の完成済みコードをコピーします。AI モデルに届く前に、秘密情報や個人データを隠します。

    • 各キーはパスワードマネージャーかホスティングのシークレット設定に保管してください。キーやパスワードを AItooling やチャットに貼り付けないでください。

    • 小さく始め、すべての回答を自分で読み、そのあとで他の人に使ってもらいましょう。

もっと詳しく知りたいですか?

エージェントの構築手順を詳しく解説したガイドをご覧ください。 ガイドを見る

その他のAIエージェント設計図