Artifact Share

AI に Artifact Share を接続する

最終確認日: 2026-07-18 · 対象 UI: ChatGPT Web

ChatGPT の MCP アプリは ChatGPT Web でのみ動作し、モバイルには対応していません。

Artifact Share は、AI が作った HTML をブラウザで開けるリンクにするサービスです。Markdown、フォルダ、静的サイトにも対応し、同じ URL のままの差し替え、履歴、コメント、プロジェクト整理を使えます。

Codex、Claude Code、Cursor Agent では CLI を使います。Claude、ChatGPT、Cursor のチャット、Claude Cowork では remote MCP で接続します。

入口を選ぶ

AI エージェント

CLI

Codex、Claude Code、Cursor Agent では、CLI からローカルのファイル、フォルダ、複数ファイルのサイトを共有できます。

CLI から始める

チャットの AI

MCP

Claude、ChatGPT、Cursor のチャットに Artifact Share の MCP サーバを接続します。会話で作ったものを、手軽に共有したいときに便利です。

MCP から始める

Codex、Claude Code、Cursor Agent に CLI をセットアップ

プロジェクトを開いた Codex、Claude Code、Cursor Agent に、このプロンプトを貼り付けます。

Claude

いちばん簡単なのは、名前と URL が入った追加リンクです。

Artifact Share を Claude に追加

Claude で「カスタムコネクタを追加」の画面が開くので、名前と URL を確認して「追加」を選びます。

リンクで画面が開かない場合は、手動で追加します。

ChatGPT

ChatGPT Web で設定します。入口はプランと権限によって異なります。Pro では「Plugins」と「セキュリティとログイン」が表示される場合があります。Business、Enterprise、Edu では「Apps」を使います。

ChatGPT の機能、画面名、権限は変わることがあります。表示が異なる場合は、「設定」の「Plugins」または「Apps」から「Developer mode」を探すか、「設定」>「セキュリティとログイン」を確認してください。

Cursor

いちばん簡単なのはワンクリックの追加リンクです。

Artifact Share を Cursor に追加

Cursor で名前と URL が入った「Install MCP Server」のダイアログが開くので、「Install」を選びます。求められたら Google ログインします。

リンクで Cursor が開かない場合は、手動で追加します。

補足

複数の Google アカウントを使うとき

仕事や Google アカウントを切り替えて使うことが多い場合は、CLI がおすすめです。仕事ごとに使うアカウントを分けやすくなります。MCP の接続は 1 つの Google アカウントに紐づくため、接続するときに Google のアカウント選択画面で使いたいアカウントを選んでください。切り替えるときは、もう一度接続して別のアカウントを選びます。

CI・非対話環境で使うとき

ブラウザでログインせず、API トークンを使います。設定画面でトークンを発行し、ARTIFACTSHARE_TOKEN で渡してください。

ターミナル
ARTIFACTSHARE_TOKEN=your_token npx --yes @artifactshare/cli share ./report.html