通常の会話でHTMLを依頼
Claudeに聞き手、持ち時間、構成案、資料を渡し、単独で開けるHTMLスライドを明示的に依頼します。Claude Slidesのテンプレートと単一HTMLは別の出力です。発表ツールにはClaudeの共有リンクではなくファイルが必要です。
Anthropicは無料・有料プランのチャットでアーティファクトを案内していますが、Slidesテンプレートは有料ベータです。この手順ではSlidesテンプレートやClaude Codeは不要です。最新の対応状況はClaudeのアーティファクトの説明をご覧ください。
Claudeにファイルの要件を伝える
以下のプロンプトと資料を貼り付けます。小さなスライドから始め、出力を確認してから枚数を増やしてください。
[topic]について[audience]向けの自己完結したHTMLスライドを作成してください。
発表時間：[minutes]分。下記資料の事実だけを使用してください。
読みやすい16:9のレイアウト、インラインCSS/JavaScript、埋め込み素材を使用してください。
各スライドをsection.slideとし、常に1枚だけに.activeを付けてください。
前へ・次へボタン、ArrowLeft/ArrowRight、Homeの操作を実装してください。
各スライド内にscript type="application/json" class="slide-notes"を追加し、
title、script（話す原稿）、notes（短い箇条書き文字列の配列）を含めてください。
ノートはスライド上で非表示にし、全体を2 MB未満にしてください。
フレームワーク、外部フォント、外部画像、API呼び出し、ビルド工程は使わないでください。
構成案だけでなく、完全なdeck.htmlファイルを渡してください。
資料：[内容を貼り付け]対応ツールで繰り返し使う場合はHTML Slide Presenter skillを利用できます。通常のチャットではプロンプトで十分です。スキルのインストールは任意です。
特定のスライドを修正
内容を確認し、対象を絞って修正を依頼します。スライド名と、変えない部分を伝えます。例えば：
2枚目の段落を3つの短い要点に置き換えてください。レイアウト、他のスライド、移動操作、既存ノートは維持してください。2枚目の話す原稿だけを内容に合わせて更新し、修正済みの完全なHTMLファイルを返してください。修正後も数値、出典、読みやすさを確認します。Claudeに変更点を説明してもらいましょう。整ったプレビューだけで事実やファイルが正しいとは判断できません。
プレビュー画面ではなくHTMLを保存
完成したスライドをダウンロード可能な.htmlファイルとして渡すようClaudeに依頼します。提供されたファイルを保存し、拡張子を確認してください。Claudeの会話ページやアーティファクト共有URLを保存・アップロードしないでください。
HTMLのダウンロードがない場合は、完全なHTMLソースを1つのコードブロックで依頼します。コードだけをプレーンテキストエディターにコピーし、UTF-8のdeck.htmlとして保存します。deck.html.txtになっていないか確認し、リッチテキストの文書エディターは避けてください。
PowerPointやPDFに書き出したテンプレートはここにはアップロードできません。単独のHTML版を依頼し、ローカルでレイアウトと移動操作を確認します。
保存したスライドを発表
- 保存したファイルをブラウザーで開き、全スライドと重要な画像を確認します。
- ファイルを2 MB未満にし、スマートフォンで読む場合は発表者ノートが埋め込まれているか確認します。
- HTML Slide Presenterにアップロードし、期限を選んでボット確認を完了します。
- 表示機器で発表画面を開き、スマートフォンでQRを読み取り、スライド変更にノートが追随するか確認します。
設定はスマートフォンリモコンのガイド、読み込むノート形式は発表者ノートのガイドをご覧ください。
何が無料ですか？
Tiny Design Shopでの発表は無料で、アカウントやアプリは不要です。Claudeのアカウント、機能、使用上限は別です。生成が上限で止まったら、リセットを待つか後で修正を続けてください。保存済みのスライドを発表するためにClaudeで再生成する必要はありません。
2026年9月29日、Max契約のClaudeデスクトップの通常Chatで確認しました。3枚のHTMLアーティファクトがPreview/Codeで開き、Downloadで完全なHTMLが保存できました。無料プランでの作成・保存は未検証です。画面や契約により書き出し操作は異なります。完全なソースを保存する方法も使えます。