エージェント設計図

オンラインストアアシスタントの作り方

オンラインストアアシスタントの無料設計図。 17個のコンポーネントを接続した、ノーコード、単一エージェント、クラウドホスト型の構成。 Canva Magic Studio, Zapier, HubSpot, Difyを中心に構築。 コピー、エクスポート、または回答の変更で、プロジェクトに合わせて調整できます。

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

ECストアエージェント

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

ログインして保存

アーキテクチャマップ

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

インターフェースとトリガーオーケストレーション推論メモリ・ナレッジツールと連携監視・安全対策チャットインターフェースTidio LyroイベントトリガーZapierエージェントビルダーDify人による承認ステップオーケストレーターに内蔵推論モデルChatGPT / OpenAI会話メモリオーケストレーターに内蔵長期記憶Mem0ドキュメントの取り込み内蔵ナレッジベースベクトルデータベースPineconeコネクターハブZapierメールGmail / OutlookCRMHubSpotその他の業務アプリコネクターハブ経由ストアプラットフォームShopify /WooCommerce商品画像Canva Magic Studioガードレール入出力チェックトレーシングと評価Langfuse

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

ツール設定

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

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

    ストアの買い物客に回答

    Tidio Lyro

    またはAda, Zendesk Bot

  • イベントトリガー

    アプリ内のイベントをきっかけにエージェントを起動

    Zapier

    またはMake, n8n

オーケストレーション

  • エージェントビルダー

    エージェントの実行ループ、プロンプト、ツールをホスト

    Dify

    またはRelevance AI, Lindy

  • 人による承認ステップ

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

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

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

推論

  • 推論モデル

    ツール呼び出し対応の汎用モデル

    ChatGPT / OpenAI

    またはClaude, Gemini

メモリ・ナレッジ

  • 会話メモリ

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

    オーケストレーターに内蔵
  • 長期記憶

    人物、好み、過去の結果を記憶

    Mem0

    またはLangChain memory

  • ドキュメントの取り込み

    ファイルやページを分割してインデックス化

    内蔵ナレッジベース

    またはFirecrawl, LlamaIndex

  • ベクトルデータベース

    各質問に最も関連する箇所を検索

    Pinecone

    またはWeaviate, Qdrant

ツールと連携

  • コネクターハブ

    アプリへの安全な共通ゲートウェイ(MCP対応)

    Zapier

    またはMake, Composio

  • メール

    メールを読み、送信する

    Gmail / Outlook
  • CRM

    顧客情報を検索・更新

    HubSpot

    またはSalesforce

  • その他の業務アプリ

    既製コネクターで数千のアプリと連携

    コネクターハブ経由
  • ストアプラットフォーム

    商品・在庫・注文を検索

    Shopify / WooCommerce
  • 商品画像

    商品写真やバナーを作成

    Canva Magic Studio

    またはIdeogram

監視・安全対策

  • ガードレール

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

    入出力チェック

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

  • トレーシングと評価

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

    Langfuse

    またはLangSmith, Weights & Biases

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

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

0/26 完了

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

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

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

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

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

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

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

    • 登録し、このエージェント専用の新しいデータベースまたはインデックスを作成します。

    • 登録し、このエージェント専用の新しいデータベースまたはインデックスを作成します。

    • 既にお持ちのアカウントを使い、エージェントには必要な権限だけを持つ専用のログインを用意します。

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

    • 既にお持ちのアカウントを使い、エージェントには必要な権限だけを持つ専用のログインを用意します。

    • 既にお持ちのアカウントを使い、エージェントには必要な権限だけを持つ専用のログインを用意します。

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

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

  2. 2この順序で構築

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

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

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

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

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

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

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