AI に Artifact Share を接続する

1. Claude のサイドメニューから「カスタマイズ」を開き、「コネクタ」を選びます。
2. 「＋」から「カスタムコネクタを追加」を選びます。
3. 名前を「Artifact Share」にし、この MCP サーバ URL を貼り付けてから「追加」を選びます。

   https://artifactshare.com/mcpURL をコピー
4. コネクタの「接続」を選び、求められたら Google ログインします。
5. チャットでは入力欄の「＋」から「コネクタ」を開き、Artifact Share を有効にします。

1. 設定の「アプリ」から「詳細設定」を開き、「開発者モード」をオンにします。
2. 「アプリ」から「作成」を選びます。
3. 名前に「Artifact Share」を入れ、MCP サーバのエンドポイントとしてこの URL を入力します。

   https://artifactshare.com/mcpURL をコピー
4. 認証方式を OAuth にし、ツールをスキャンしてからアプリを作成します。
5. 求められたら Google ログインします。

1. Cursor の設定で「Tools & MCP」を開きます。
2. 「New MCP Server」を選ぶか、~/.cursor/mcp.json を直接編集します。

   mcp.json

   {
     "mcpServers": {
       "Artifact Share": { "url": "https://artifactshare.com/mcp" }
     }
   }

3. この MCP サーバ URL を「Artifact Share」という名前のリモートサーバとして登録します。

   https://artifactshare.com/mcpURL をコピー
4. 保存すると Cursor が接続を試み、成功すると緑の印が付きます。求められたら Google ログインします。

Claude Cowork のタスクや、シェルコマンドを実行できる AI エージェント (Codex / Claude Code / Cursor Agent など) からは CLI を使います。ローカルのファイル、フォルダ、大きなファイル、複数ファイルのサイトを柔軟に扱えます。

1. プロジェクトで init を実行してセットアップします。エージェント (Claude Code / Codex / Cursor) を検出して Artifact Share のスキルを導入し、次の手順を案内します。

   Terminal

   npx --yes @artifactshare/cli init

2. エージェントが Artifact Share の URL を受け取ったら、まず open から始めます。ローカルのガイドを準備し、直接読めるものを読み戻します。

   Terminal

   npx --yes @artifactshare/cli open https://artifactshare.com/a/abc123

3. npx --yes から実行できます。share にはファイルでもフォルダでも渡せます。

   Terminal

   npx --yes @artifactshare/cli share ./report.html

4. 対話できるターミナルでは、初回にサインイン用の URL とコードが表示されます。ブラウザで URL を開き、Google ログインします。先に login を実行して済ませても構いません。CLI はブラウザを自動では開きません。対話できない実行では、最後の手順のトークンを使います。

   Terminal

   npx --yes @artifactshare/cli login

5. プロジェクトを作成したり、既存の共有をプロジェクトへ移動したりできます。

   Terminal

   npx --yes @artifactshare/cli projects create "Client reports" --json

   Terminal

   npx --yes @artifactshare/cli edit <artifact-id-or-url> --project-id <id> --json

6. 既存の共有を新しい版で更新します。

   Terminal

   npx --yes @artifactshare/cli update https://artifactshare.com/a/abc123 ./report.html

7. CI や非対話環境では、環境変数 ARTIFACTSHARE_TOKEN でトークンを渡します。設定画面の「APIトークン」から発行できます。

   Terminal

   ARTIFACTSHARE_TOKEN=your_token npx --yes @artifactshare/cli share ./report.html