code

AI エージェントの出力をライブ リンクとして共有する方法1 min read

Reading Time: 2 minutesAI エージェントの出力をライブ リンクとして共有する方法を学びます。 Markdown、HTML、および AI で生成されたアプリを、AgentGrid.io で共有可能なアーティファクトに変換します。

How to share AI agent output as a live link | AgentGrid.io

AI エージェントの出力をライブ リンクとして共有する方法1 min read

Reading Time: 2 minutes

AI エージェントが作業を完了しました。調査レポート、Markdown ドキュメント、HTML ページ、または動作中の React アプリがあります。

今、あなたは URL を欲しがっています。

スクリーンショットではありません。 ZIP ファイルではありません。会話全体へのリンクではありません。

誰かが開いて結果を確認できるリンク。

適切な方法は、エージェントが何を作成したか、そして誰がそれを見る必要があるかによって異なります。

簡単な答え: AI エージェントから共有可能なリンクを取得するにはどうすればよいですか?

AI エージェントを使用している場合は、次を使用します。 AgentGrid.io そして、単純に次のように尋ねます。

「これをAgentGrid.ioに置いて、アーティファクトのリンクを教えてください。」

AgentGrid は、ドキュメントまたはアプリに独自の URL を与えます。エージェントはその成果物に対する作業を続けることができ、許可されたユーザーは元の会話とは関係なくその成果物にアクセスできます。

リンクを送信する前に、適切なアクセスを選択してください。

  • プライベートコラボレーション: 受信者はアーティファクトのワークスペースにアクセスする必要があります。
  • 一時的なハンドオフ: 匿名で作成され、要求されていないアーティファクトは、最初に要求されない限り、リンクを保持している誰でも最大 24 時間開くことができます。
  • 公開出版: 別途公開されたアプリまたは Markdown ページは、AgentGrid アカウントがなくても開くことができます。

これらは異なるワークフローです。プライベート URL では、すべてのユーザーに自動的にアクセスが許可されるわけではありません。

 

方法 1: 接続されている AI エージェントにリンクの作成を依頼する

AI がすでに作業を完了している場合、これは最短のパスです。

ステップ 1: エージェントを接続する

AgentGrid は、アシスタントに応じて異なる接続方法をサポートします。

Claude または ChatGPT の場合は、チャット内でサポートされている AgentGrid 統合を使用します。 Claude コネクタ  または  ChatGPT プラグイン。

Claude Code、Codex、Cursor、Muse、OpenClaw などのコーディング エージェントとデスクトップ エージェントの場合は、以下をコピーしてエージェントに貼り付けるだけです。
"Install Anima's CLI and connect this project to AgentGrid by running : npx @animaapp/cli@latest login"

セットアップ中に、エージェントの ID、ワークスペースへのアクセス、および機能を承認します。

接続すると、エージェントは付与された権限内でアーティファクトを作成または更新できます。詳細はこちら Agentgrid.io/connect

ステップ 2: 何を作成するかをエージェントに指示する

研究文書の場合:

「この研究レポートを Markdown 文書として AgentGrid に置きます。見出し、リンク、表はそのままにしておいてください。アーティファクト URL をください。」

アプリの場合:

「AgentGrid 上に構築したばかりの React アプリを置きます。プロジェクト ファイルをまとめて保管し、アーティファクトのリンクを渡してください。公開しないでください。」

既存のアーティファクトの場合:

「たった今行った変更でこの AgentGrid アーティファクトを更新します。新しいコピーを作成するのではなく、同じアーティファクトを保持します。最後のリクエストにアーティファクト URL を含めます。」

作成と更新の区別が重要です。毎回新しいアーティファクトを作成すると、再び複数のリンクを管理することになります。

ステップ 3: 返されたリンクを開く

共有する前に、結果を自分で検証してください。

ドキュメントの場合は、コンテンツ、リンク、表が正しく残っていることを確認してください。

アプリの場合は、重要なインタラクションをテストします。プレビューの読み込みが成功しても、すべてのボタンや API の統合が機能することは保証されません。

何か問題がある場合は、エージェントに既存のアーティファクトを更新するように依頼してください。

ステップ 4: 対象の受信者と共有する

チームメイトの場合は、ワークスペースへのアクセスを確認し、アーティファクト URL を送信します。

一般公開の場合は、ドキュメントまたはアプリを明示的に公開します。

AgentGrid はアーティファクトを処理します。電子メールまたは Slack メッセージを送信するには、メッセージング ツールまたは独自の手動アクションが必要です。

方法 2: 既存の出力を自分でインポートする

おそらくエージェントはすでに終了しており、今は接続したくないのかもしれません。

結果を自分で AgentGrid に持ち込むことができます。

ドキュメントの場合、Markdown アーティファクトを作成またはインポートします。インポートされたドキュメントのコンテンツは編集可能になり、独自のバージョン履歴が取得されます。

アプリの場合は、関連するプロジェクト ファイルまたはサポートされているフォルダー/ZIP をアプリ アーティファクトにインポートします。

これは、出力が現在の AI 会話の外部に存在する場合、またはエージェントにアクセスを許可する前に出力を確認したい場合に便利です。

AI が AgentGrid に接続されていない場合はどうなりますか?

AgentGrid には、接続されていない AI によって匿名で作成された作業用の別のハンドオフ フローがあります。

その場合、AI は要求されていないアーティファクトを作成し、一時的なリンクを提供する可能性があります。

要求する前は、アーティファクトは読み取り専用であり、リンクを知っている人なら誰でも開くことができます。リンクは、アーティファクトの作成後 24 時間で期限切れになります。

要求すると、アーティファクトが所有ワークスペースに移動され、24 時間の枠を超えて保存され、アクセスできるユーザーが変更されます。

エージェントが請求フローの一部としてアクセスを保持するかどうかを選択することもできます。

これは 1 回限りのハンドオフには便利ですが、継続的なコラボレーションには通常、最初にエージェントに接続する方が適しています。

読む 主張の仕組み。

AI が生成した出力を公開して誰でも開けるようにする方法

場合によっては、プライベート コラボレーション リンクが不要な場合があります。公開ページが必要です。

たとえば、会議用のインタラクティブなレポートや、顧客に送信するプロトタイプを作成したとします。

AgentGrid アプリまたは Markdown アーティファクトの場合、ワークフローは次のようになります。

  1. 公開するアーティファクトを開きます。
  2. 公開オプションを選択します。
  3. コンテンツが公開を目的としていることを確認してください。
  4. 返されたパブリック URL を開いて、結果を確認します。
  5. 後で変更を加えた場合は、再度公開してパブリック展開を更新します。

最後のステップは見落としがちです。

所有されているアーティファクトには、現在のバージョンと履歴があります。公開されたページには最後の展開が反映されており、その後の編集がすべて自動的に反映されるわけではありません。

プライベート リンクとパブリック URL にも異なる対象者がいます。公開されたページはワークスペースにアクセスせずに開くことができますが、プライベート アーティファクトはアクセス ルールに従い続けます。

参照 一般公開 URL。

誰かがリンクを開いた後はどうなりますか?

エージェントが競合調査レポートを作成していると想像してください。

レポートを AgentGrid に掲載し、そのリンクをチームメイトと共有するように依頼します。

チームメイトがそれを読んで、比較が 1 つ欠けていることに気づきました。 AI チャットに戻る代わりに、接続されているエージェントに既存のアーティファクト URL を渡し、不足しているセクションを追加するように依頼できます。

エージェントは成果物を編集します。その変更はバージョン履歴に記録されます。

チームメイトは同じアーティファクトに戻り、アクセスできる最新バージョンを確認します。

これは、レポートが変更されるたびに PDF を生成するのとは異なります。

パブリック展開の場合、訪問者に改訂版を見てもらいたい場合は、必ず更新を再公開してください。

サポートされている出力のタイプ

Markdown、研究、または文書

エージェントは、移行計画、調査概要、会議の概要、または技術仕様を作成しました。

おそらく、これを共有するために Web サイトを展開する必要はありません。読みやすい文書が必要です。

AgentGrid は、バージョン履歴と接続されたエージェントへのアクセスを備え、人々がライブで一緒に読み取り、編集できる Markdown アーティファクトをサポートします。

HTML または React アプリ

エージェントは、インターフェイス、プロトタイプ、ダッシュボード、または小さな Web アプリケーションを作成しました。

ここでは、コードのテキストではなく、動作するアプリが必要です。

AgentGrid は、HTML および React プロジェクトのアプリ アーティファクトと、それらの実行に必要なファイルをサポートします。

公開サイトまたはデモンストレーション

ワークスペースへのアクセスを必要とせずに、結果を client に送信するか、パブリックに共有したいと考えています。

その場合、アーティファクトは別のパブリック展開として公開できます。これは明示的なアクションであり、リンクの共有による自動的な結果ではありません。

参照 URL に公開する方法。

AgentGrid、GitHub Pages、Vercel、またはネイティブ AI 共有を使用する必要がありますか?

それは仕事によります。

AI ツールの組み込み共有を使用する アーティファクトがそこですでに機能しており、それを必要とする誰もがそれにアクセスできるとき。別のツールは必要ないかもしれません。

GitHub Pages またはホスティング プラットフォームを使用する 目標が Web サイトを公開することであり、適切な展開ワークフローがすでにある場合。

Git リポジトリとプル リクエストを使用する 開発者がソース コードをレビューしてマージする必要がある場合。

AgentGridを使用してください ユーザーや接続されているエージェントがセッションやツール間で編集、レビュー、引き渡しを継続できる共有アーティファクトが必要な場合。

ライブリンクが始まりです。さらに興味深い問題は、人々が次にそれを使って何をする必要があるかということです。

保存する価値のある 3 つのプロンプト

ドキュメントを共有する

これを AgentGrid Markdown アーティファクトに変換します。表と参照を保存します。リンクを教えて、現在アクセスできる人を説明してください。

動作するアプリを共有する

このプロジェクトをAgentGridにアプリとして置きます。開くことを確認し、アーティファクト URL を返し、非公開にしておきます。

公開ページを公開する

この AgentGrid アーティファクトをパブリック URL に公開します。 URL が動作することを確認し、未公開の変更がないか教えてください。

3 番目のプロンプトは、コンテンツを公開しても問題がない場合にのみ使用してください。

最良のリンクは使い続けられるものです

AI アシスタントが別のファイルを生成するのは簡単です。より大きな課題は、会話が進んだ後もその作業を有効に保つことです。

適切な共有ワークフローでは、受信者に適切な形式と適切なアクセスが提供されます。仕事の内容が変わった場合でも、誰もが安心して帰れる場所が得られます。

これにより、1 回限りの AI 出力が、人間または他のエージェントが実際に使用できるものに変わります。

AI で生成された作品を AgentGrid で共有する方法を学ぶ。

|

Co-founder & CPO