コードセッションを即座に共有可能なダッシュボードに変える

2026年6月に開始されたClaude Code Artifactsは、Claude Codeセッションからプライベートなclaude.aiのURLへ公開される自己完結型のHTMLページである。会話の中にしか存在しないチャットのアーティファクトとは異なり、Codeアーティファクトは実際のリポジトリ、コネクタ、セッションのコンテキストから構築されるため、汎用的なモックアップではなく、本物の製品のように見えるプロトタイプができる。

ワークフローはこうだ。コードベースを開いた状態でClaude Codeセッションを開始する。Claudeにインタラクティブなダッシュボード、PRウォークスルーのビジュアライザー、またはデータテーブルの生成を依頼すると、Claudeは単一の自己完結型HTMLファイルを書き、即座にプライベートリンクへ公開する。そのURLをコピーしてSlackに貼り付ける。チームはどのブラウザでもそれを開き、ダッシュボードやウォークスルーをライブでクリックして回り、セッションが続くにつれて更新を見ることができる。しかも、コードをコミットしたりサーバーを立ち上げたりする必要は一切ない。

プロダクトチームにとっての主な利点は忠実性である。Claude Codeはリポジトリ内で動作するため、実際のデザインシステム、カラートークン、コンポーネントパターンを引き出すことができる。つまりプロトタイプはワイヤーフレームではなく、あなたの製品のように見える。ステークホルダーにデータダッシュボードや機能フローを見せるとき、それがあなたのデザイン言語と正確に一致しているため、彼らは真剣に受け止める。プロダクトマネージャーはこれを利用して、開発者がほぼそのままコピーできるモックアップを引き渡している。

有効化するには、Pro、Max、Team、またはEnterpriseプランでClaude DesktopまたはClaude Code CLIを使用する。セッションを開始し、Claudeにダッシュボードやインタラクティブツールの生成を依頼し、準備ができたら出力内の公開ボタンまたはアーティファクトリンクを探す。プライベートURLをチームと共有しよう。TeamおよびEnterpriseプランでは、必要に応じて外部共有を設定してリンクを公開できる。セッションを続けることで反復し、Claudeが改良するにつれてアーティファクトはライブで更新される。