Claude ArtifactsとTTSでAIキャラ自己紹介プレゼンの生成から発表までやってみた
AIVtuberシロハナちゃんの開発プロデュースをしているyukiです。
この記事ではClaudeのArtifacts機能を使って簡単なスライドを作成をして、その内容をもとにTTS(音声合成)で発表までやってみたという内容となっています。(※TTSはClaudeとは別で用意)
これらの2つを組み合せばAIキャラや自身のクローン(ナレッジを入れたAI)をもとにプレゼンを簡単に生成が可能になります。
今回は自身のクローンではなく、AIキャラの設定生成からプレゼン発表まで行っていますが、ここを自身のクローン設定に置き換えるなど応用は効くかと思います。
本記事の内容と関連して、ClaudeのArtifacts機能を使ってAIVtuberのシロハナちゃんがAIキャラプレゼンやギャルゲーを生成してみた動画も公開しているので興味があればこちらも併せて視聴いただけますと幸いです。
※この記事は2024/07/02時点のものなので今後変更があるかもしれないですのでご了承ください
Claude Artifactsとは？(概要)
本題ではないので、ここでは簡単な説明としたいと思います。
Claude ArtifactsとはClaudeというチャット生成AIサービスにて追加された機能であり、生成されたコードの内容などがリアルタイムで専用ウインドウに反映されるというものになります。
この機能があることで、例えばToDoアプリのコードを生成してもらったときに、即座に専用ウィンドウで生成されたToDoアプリを操作出来たり見栄えなどを確認できます。
この機能によって簡易的なアプリやサイト、ゲームなど様々なことが気軽に生成して試すことが可能になりました。
Claude ArtifactsとTTSでスライドの生成からプレゼン発表するまでの手順
それでは実際にClaude ArtifactsとTTSでスライドの生成からプレゼン発表するまでの手順を以下に残します。
今回はAIキャラを生成して、そのAIキャラをもとに生成した自己紹介プレゼンを発表までやってもらうという内容としたいと思います。
繰り返しになりますが、ここを自身のクローン設定に置き換えるなど応用は効くと思いますのでこちらを念頭に置いていただけますと幸いです。
①スライド作成するAIキャラ設定をClaudeに渡す
まずはスライド作成するロールやナレッジをClaudeに渡します。
これをしないと、今から生成するスライドの内容や発表台本にその人らしさやキャラ要素、必要な情報などが反映されないためです。
既にキャラ設定が決まっていたり、独自の内容やキャラ要素は必要ないよという場合は不要です。
今回は可愛いAIキャラの自己紹介スライドを作ってもらいたいので以下のようなプロンプトでキャラ設定を生成しました。
【プロンプト】
可愛いヒロインキャラクターの設定を考えてプロフィールや設定をまとめてください。【Claudeレスポンス抜粋】
可愛いヒロインキャラクター「星野さくら」のプロフィールと設定をまとめました。
主な特徴：
明るく元気な16歳の高校生
宇宙や星に興味があり、将来は宇宙飛行士になりたい
お菓子作りが得意で、特に星や惑星をモチーフにしたスイーツを作る
天文部の部長として活躍中
ピンク色の長い髪と星型のヘアピンが特徴的簡易的なキャラ設定が生成できました。
今回はこのAIキャラクターの自己紹介スライドを生成したいので重要な情報となります。
②設定をもとにスライド資料と画像を生成してもらう
では実際に発表に使用するスライド資料を用意しましょう。
以下のプロンプトでClaude Artifactsを使ってスライド資料を生成できます。
ちなみに先ほどのキャラ設定を生成した同じチャット内です。
【プロンプト】
そのキャラクター設定を維持したまま、プレゼンテーションを作成してください。
分かりやすい見栄えと、構成、キャラクターイメージの反映にしてください。上記プロンプトを渡すと以下のようなスライド資料が専用ウインドウに表示されて操作もできるようになります。
こちらの右下にあるページ送りボタンでスライド送りなどもできます。
キャラ設定をもとにした自己紹介スライドが生成されました。
③AIキャラの画像を生成してスライドに挿入する
スライドを見ると1ページ目の真ん中にアイコン画像を入れるであろう箇所があると思います。
ここにアイコン画像を入れたいと思いますが現状だとClaudeに画像生成してそこに当てはめるなどはできなかったです。
なので、以下プロンプトを渡して自己紹介スライドに画像アップロードできるような機能を追加するように修正しましょう。
【プロンプト】
星野さくらのキャラクタープレゼンテーションで画像をアップロードできるようにしてください
※ただし、他の要素に変更を加えないようにしてくださいそうすることで、画像をアップロードできるようになります。
このように修正したい箇所や追加したい機能がある場合は同じチャット内で追加プロンプトを渡すことで修正なども可能です。
ちなみに画像に関して以下のようなプロンプトをClaudeに渡して画像生成サービス(今回はにじジャーニー)で生成するのが良いかと思います。
【プロンプト】
星野 さくらのビジュアルを画像生成しようと思っているので、画像生成のためのプロンプトを作成してください。【Claudeレスポンス抜粋】
はい、星野さくらのビジュアルを画像生成するためのプロンプトを作成します。キャラクターの特徴を詳細に記述し、画像生成AIが適切に解釈できるようにしましょう。
星野さくら 画像生成プロンプト
キャラクター: 16歳の日本人女子高生、星野さくら
全身像: スリムで健康的な体型
顔:大きくて輝く目、明るい表情
可愛らしい微笑み
小さめの鼻と口
髪:長いピンク色の髪（髪の長さは腰まで）
ゆるやかな波状の髪型
星型のヘアピンを右側の前髪に付けている（銀色で小さめ）
服装:清楚でかわいらしい制服スタイル
白いブラウスに紺色のプリーツスカート
赤いリボンタイ
黒い靴下と茶色のローファー
アクセサリー:星型のペンダントネックレス（シルバー）
ポーズ:元気よく手を振っている
または望遠鏡を覗いている
全体的な雰囲気:明るく、元気で、夢見るような表情
宇宙や星に対する興味が感じられるような雰囲気上記プロンプトで画像生成されたのが先ほど挿入した画像になります。
しっかり特徴抑えているかと思います。
④スライドに合わせた台本の生成
発表の際にAIキャラが読み上げる箇所である台本の生成を行います。
同じチャット内で以下のプロンプトを渡してみます。
【プロンプト】
星野 さくらになりきって、今作成したスライドの1ページごとの台本を作成してください。【Claudeレスポンス抜粋】
星野さくらのプレゼンテーション台本
スライド1: タイトル
こんにちは、みなさん！ 星野さくらです！ (笑顔で手を振る)
私のことを「夢見る宇宙ガール」って呼んでくれる人もいるんです。なんだかちょっと照れちゃいますけど、嬉しいな♪
今日は私のことをもっと知ってもらえたら嬉しいです。よろしくお願いします！
スライド2: 基本情報
えっと、まずは基本的なことから紹介しますね。
私は今年16歳になりました。誕生日は4月3日で、桜の季節なんです！名前の由来かな？(くすくす笑う)
身長は158cmで、血液型はO型です。
趣味はお菓子作りとスターガジング。星を見ながらお菓子を食べるのが最高に幸せなんです！(目を輝かせる)
スライド3: 性格・特徴
性格のことも少し話しますね。
みんなからは「明るくて元気」って言われます。確かに、ポジティブに考えるのが得意かも！
....続くここにすべて記載するのは意味ないかなと思ったので省略しましたが、上記のように全ページ分の台本を生成することができました。
⑤生成した台本をTTSにコピペして読み上げさせる
先ほど生成した台本のテキストをTTSソフトなどにコピペするだけでOKです。
今回は生成したAIキャラのイメージに合っていると思ったVOICEVOXという合成音声ソフトの春日部つむぎちゃんにしたいと思います。
ちなみに、例えば自分自身のクローンで行いたい(自分の声を合成音声として再現したい)場合はStyle-Bert-VITS2で自身の声を学習させた音声を使うのが良いと思います。
以下が参考になると思います。
⑥スライドを表示させながら合成音声を再生させる
これまで作成したものを組み合わせてプレゼンをしましょう。
単純にClaude Artifactsで生成した専用ウインドウ内でプレゼンを表示させながら、TTSで生成した合成音声を一括再生させれば良いです。
以下の動画で実際に今回の AIキャラ自己紹介プレゼンをしているのでご覧ください。
※動画プレーヤーをクリックするとプレゼン箇所から再生されます。
こんな感じで画面録画などをすればAIキャラ自身がプレゼンをしているように見えます。
さいごに
今回はClaude Artifacts機能とTTSを使ったAIキャラ自己紹介スライドの生成からプレゼン発表までやってみました。
今回はAIキャラの自己紹介でしたが、もちろん他のテーマなどもできますので色々試していけると楽しいかなと思います。
また、手順もほとんどAIやシステムによるものなので作業量はかなり少ないです。
ぜひ参考にしてみてください！
最後に私がプロデュースしているAIVtuberシロハナちゃんの宣伝をさせてください。
理想のAIヒロインを目指して、AIを使ったリアルタイム配信や、AIヒロイン研究所というコンセプトのもと、「テクノロジー×キャラクター」に関する動画等を発信しています。
興味がありましたらぜひ！
以上！それではまた👋
この記事が参加している募集
ご支援は活動費に使わせていただきます