Claude Code Artifactsの共有ページが同じURLで自動更新される仕組み

Anthropicは2026年6月18日、Claude Codeにartifacts機能を追加すると発表しました。PRのウォークスルーやダッシュボード、リリースチェックリストといった成果物を、コードベースやコネクタ、会話全体の文脈から1枚のWebページとして作り、同じURLのまま更新し続けられます。

Claude Code artifactsとは何か

Claude Code artifactsは、セッションの作業をライブで更新される共有可能なWebページに変える機能です。テキストより画面で見たほうが伝わる成果物を、コードベースやコネクタ、会話そのものを含むセッションの文脈全体から1枚のページとして構築します。インシデント調査からサービスのリファクタリング、数か月分のデータ分析まで、セッションが扱う作業の幅は広く、artifactsはそれを見て操作できるページに翻訳します。

Anthropicは社内テストで、スタンドアップ前にインシデント調査を始めたエンジニアの例を挙げています。ログを追ったClaudeにタイムラインと疑わしいコミット、エラー率のグラフをまとめたartifactを作らせ、リンクをチームに共有しました。調査が進むあいだにartifactは2回republishされ、スタンドアップが始まるころにはチーム全員が同じ画面を見ながら状況を把握できたといいます。エージェントが見つけたことを口頭で説明し直す手間が、共有ページ1枚で置き換わった格好です。

セッションの文脈からページが生まれ、同じURLで更新され続ける仕組み

artifactは、開いたブラウザの中でセッションの進行に合わせてその場で更新されるページです。Claudeがpublishするたびに新しいバージョンとして記録され、ページのShareコントロールからバージョンを選んで表示を切り替えられます。URLは変わらないため、一度共有したリンクは更新後も同じ場所を指し続けます。

Shareコントロールには「Always share latest version」というトグルがあります。これをオフにして特定のバージョンを選んだままにしておくと、その後artifactをrepublishしても、閲覧者に表示されるページは選んだバージョンのまま切り替わりません。

作成の流れは単純です。出力の性質によってはClaudeが自律的にartifactをpublishすることもあれば、次のように直接依頼することもできます。

Make an artifact that walks through this PR with the diff annotated inline.

初回のpublishでは、Auto modeなら分類器が内容を確認したうえでプロンプトなしにpublishされ、Manual・Accept editsモードではClaude Codeが確認を求めます。一度承認したartifactは以降確認なしにrepublishされますが、コネクタ呼び出しやファイルダウンロードといったランタイム権限を新たに宣言したとき、公開リンクで共有したとき、または特定の相手や組織と共有して最新版を表示する設定にしているときは、あらためて確認が入ります。

タイトルと絵文字はClaudeが内容から自動で選び、ギャラリーや共有リンクの表示にそのまま使われます。ブラウザタブのアイコンも同様に内容に応じて選ばれるため、特定のタイトルや絵文字にしたい場合は名指しで頼む必要があります。

ページ自体には技術的な制約があります。公開するファイルは.html・.htm・.mdのいずれかで、UTF-8またはBOM付きUTF-16LEとしてデコードできる必要があり、レンダリング後のサイズは16MiB以下に収める必要があります。外部画像は許可CDNからのものも含めてすべてCSPでブロックされ、データURIで埋め込む必要があります。スクリプトはcdnjs・unpkg・Tailwind・jQueryの各CDNとjsDelivrの一部パス、書体はGoogle Fontsからだけ読み込めます。それ以外の外部スクリプト・スタイルシート・フォントはブロックされます。ページはバックエンドを持たない単一ページなので、閲覧者を自分で認証することもできません。

別のセッションから同じartifactを更新するときは、ClaudeにそのページのURLを渡すか、v2.1.208以降で使える/artifactsの一覧から選んで現在のセッションにアタッチします。一覧ではoで該当ページを開き、cでリンクをコピーし、Enterで現在のセッションにアタッチできます。何も渡さなければ、新しいセッションは既存のページを更新せず別のartifactを新しく作ってしまいます。ターミナルでCtrl+]を押すと、セッションが直近にpublishしたartifactをいつでもブラウザで開き直せ、CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0を設定すれば新しいartifactを初めてpublishしたときにブラウザが自動で開く挙動も止められます。

コネクタ経由でデータを引き込み続けるダッシュボードのようなartifactも作れます。閲覧者ごとにデータが変わる挙動と、コネクタ呼び出しを止める設定はClaude Code ArtifactsのMCP連携で公開後もライブデータを更新するで扱っています。

共有範囲と可用性の条件

新しく作られたartifactは自分だけに見える状態から始まります。共有できる範囲は加入プランで変わります。Pro・Maxプランでは、サインイン不要で誰でも開ける公開リンクが唯一の共有手段で、組織による管理は入りません。Team・Enterpriseプランでは組織内の特定の相手や全員に共有範囲を広げられ、編集者権限を与えて他の人にrepublishさせることもできます。Team・Enterpriseでの公開リンクは既定でオフで、Ownerが組織向けに有効化するまで使えません。

利用するには次の5条件をすべて満たす必要があります。

組織のポリシーはapi.anthropic.comから読み込まれ、読み込めないとartifactsは使えません。プロキシやVPN、Webフィルタがある環境ではapi.anthropic.comを通す必要があります。閲覧側では、claude.aiのビューアが*.claudeusercontent.comのサンドボックスからページを読み込むため、アウトバウンド通信を制限している組織はclaude.aiとあわせてこのドメインも許可リストに加えます。

Claude CodeをGitHub Actionsに組み込むで扱うheadless実行は、この既定オフの対象そのものです。GitHub ActionやAgent SDKの実行文脈ではartifactsは既定でオフです。さらにAPIキーで認証するセッションはそもそも公開できません。

個人の設定でartifacts自体を止める手段も4通り用意されています。/configのArtifacts行をオフにするか、設定ファイルで"enableArtifact": falseを指定するか、環境変数CLAUDE_CODE_DISABLE_ARTIFACT=1を設定するか、権限ルールのpermissions.denyにArtifactを加えるかです。組織のOwnerが管理コンソール側で無効化した場合、これらの個人設定では再度オンに戻せません。

組織全体の管理は、有効化・ロールごとの権限範囲・公開範囲・保持期間・監査ログ・Compliance APIでの一覧削除という単位に分かれています。設定項目ごとの挙動はClaude Code Artifactsの組織管理にまとめているので、Owner権限で運用する場合はそちらを確認してください。

編集者権限を与えられた相手も、ページを画面上で直接書き換えるわけではありません。閲覧者と同じように最新版を見られるだけでなく、自分のセッションからそのartifactのURLを指定してrepublishできる、という形の共同編集です。Claudeが現在の内容を取り込んだうえで変更点を反映するため、更新のたびにClaudeとのやり取りを経由する点は、作者本人が更新する場合と変わりません。

組織内で共有したartifactには、v2.1.221以降でコメントも付けられます。ただし組織内共有に限られ、公開リンクの閲覧者はコメントできません。v2.1.228以降はClaudeが自動でコメントに返信しますが、これは承認不要のパーミッションモードに限られ、承認が必要なモードやplan modeでは「返信待ち」と表示されます。上限の1時間60件も返信数ではなく、コメントやスレッドの起動を処理した件数を指します。

artifactsはTeam・Enterprise限定のベータからPro・Maxの個人利用まで広がった

公式ブログでの発表は、Team・Enterprise向けのベータ提供として書かれていました。共有範囲も、組織内の認証済みメンバーのみが閲覧でき公開はできない、という設計で紹介されています。現行の公式ドキュメントでは、対象プランがPro・Maxにも広がったのに合わせて共有範囲も変わりました。Pro・Maxでは公開リンクが唯一の共有手段になり、Team・Enterpriseでは組織内共有に加えてOwnerが公開共有を有効化できるようになっています。ベータのまま留まらず、対象プランと共有範囲の両方を広げながら機能を積み増しています。

発表で触れられていた「複数のデザイン案を並べて比較する」という使い方は、編集者権限を使った共同編集へと発展しています(デザインシステムと共同編集)。

まとめ

• 個人でClaude CodeやClaude Desktopを使っている場合: Pro・Maxプランならすでに使え、公開リンクでの共有が唯一の手段です
• Team・Enterpriseで組織運用している場合: 組織内共有・編集者権限・保持期間の設定は、Ownerによる管理コンソール操作が前提になります
• CI・Agent SDK・MCPサーバー上でセッションを動かしている場合: artifactsは既定でオフのままで、これは変わっていません
• Amazon Bedrock・Google Cloud・Microsoft Foundry経由でClaude Codeを使っている場合: artifacts自体が使えない実行環境です