Claude Artifact ダウンローダー
Claude の Artifact は共有に制限があり、非公開共有は有料プラン限定、ワンクリック書き出しもありません。Artifact のコードを貼り付けてその場でプレビューし、どこでも動く単体の .html ファイルとしてダウンロードできます。コードがブラウザの外に出ることはありません。
貼り付け、プレビュー、ダウンロード
Claude のコードビューからソースを貼り付けるだけで、プレビューが入力に合わせてリアルタイムで更新されます。
Artifact のコード
判定：React (JSX) コンポーネント
HTML Artifact はそのままダウンロードされます。React コンポーネントは React と Babel を内蔵した HTML シェルで包まれるため、ファイルをダブルクリックするだけで動きます。
すべてこのタブ内でローカルに処理されます — コードがサーバーにアップロードされることはありません。
ライブプレビュー
Claude Artifact を HTML としてダウンロードする方法
- 1
Claude で Artifact を開く
ダッシュボード、ゲーム、電卓など何でも Claude に作らせ、Artifact パネルの表示を待ちます。
- 2
コードビューに切り替えてコピー
Artifact パネルでプレビューからコードビューに切り替え、コピーボタンで全ソースをコピーします。
- 3
ツールに貼り付ける
上の入力欄にコードを貼り付けます。完全な HTML ドキュメントか React コンポーネントかを自動判定し、対応するファイルを組み立てます。
- 4
ライブプレビューで確認
Claude 内と同じサンドボックス方式で描画されるため、プレビューで見た目を確認できます。
- 5
名前を付けてダウンロード
ファイル名を決めてダウンロードを実行。プラットフォームにも共有リンクにも依存しない、あなたのものになる単体 .html が手に入ります。
なぜ Artifact を HTML として保存するの？
無料・登録不要
アカウントも拡張機能も課金も不要。ページを開いて、コードを貼り付けて、ダウンロードする。それだけです。
完全ローカル、アップロードなし
プレビューもダウンロードもブラウザ内で完結します。Artifact のコードがサーバーに送信・保存されることは一切ありません。
どこでも動く、オフライン対応
ダウンロードした .html は完全な単体ファイル。デスクトップから開け、メールに添付でき、アーカイブもできます。HTML Artifact はオフラインでも動作します。
React Artifact も対応
JSX コンポーネントは React 同梱の HTML シェルに自動変換されるため、インタラクティブな Artifact も Claude の外でそのまま動きます。