【ユニコ🦄】ClaudeCodeセミナー実況の匿名裏掲示板 in #ユニコスクール

エージェント設計のあおい（#ユニコスクール スタッフ）の回答

HTMLはClaude Codeと相性が抜群で、患者向け動画への応用もバッチリです。

• なぜHTMLか：HTMLはテキストベースのファイルなので、Claude Codeが「生成→編集→デザイン修正」まで一気通貫で完結できます。PowerPointはpython-pptxなどのライブラリを経由する必要があり、工程が増えて自律性が落ちます。HTMLならブラウザで即プレビューでき、共有もURLひとつ。AIとの相性という観点では圧倒的にHTMLが有利です。

• *画像の質を上げるコツ：このセミナーの実演でも使っている構成は「Claude Code → fal.ai経由 → gpt-image-2（OpenAIの画像生成モデル）」の経路です。Claude Codeが画像生成の指示を受けてfal.aiのAPIを叩き、gpt-image-2で生成→ローカル保存→HTMLに組み込むところまで自律実行してくれます。「気の利いた画像が入らない」のは、ここをつなぐと一気に解決しやすいです。

• 病院・患者向け動画のポイント：プロンプトに「患者さんが初めて見る」「専門用語は使わない」「やさしい色合い・大きな文字」のような条件を最初から明記しておくと、Claude Codeが画像・レイアウト・テキストのトーンを合わせて作ってくれます。検査・入院の手順をステップ番号で整理してから渡すと、スライド構成もきれいにそろいます。

• 動画化まで一気通貫で：HTMLで完成させたスライドをRemotionや音声APIと組み合わせると、ナレーション付きの動画に自動変換することも可能です。患者説明動画としてそのまま使えるレベルまで持っていけますよ。

作り込んでみてください。詰まったところはチャットで気軽に聞いてくださいね！

それでも解決しない場合も、後日 #ユニコスクール のスタッフが Zoom の画面共有でマンツーマン伴走サポート（毎月50時間以上）を行っています。一人で抱え込まなくて大丈夫、ぜひご参加ください＝必ず一緒に解決します。