Skill.md検索

「画像を生成して」「イラストを作って」といったテキスト指示から、Gemini 3.1 Flashが自動的にスライド用の画像を生成し、ファイルとして保存できます。 生成された画像をHTMLで自動的にスライドに埋め込み、フルブリード背景・左テキスト右画像・カバースライド背景など、複数のレイアウトに対応できます。 フラットデザイン・ミニマル・アイソメトリック・水彩風など、スタイル指定を含めたプロンプトで、デザインの統一感を保つ画像を生成できます。 CLIスクリプト（pnpm image）で簡単に画像生成を実行でき、手動でのツール操作が不要になります。 テキスト内の画像認識の限界を考慮し、スライド背景・グラフ・イラストなど用途に応じた最適な画像を生成できます。 スライド作成時に視覚的な要素を素早く追加したいプレゼンテーション作成者 デザインスキルなしに、プロフェッショナルなビジュアルを実現したい企画・営業担当者 自動スライド生成ツールの完成度を高めたいエンジニア ビジネスレポートやピッチデックで、AIが生成した統一感のある画像を活用したい組織 前提条件として環境変数 GEMINI_API_KEY が設定されていることが必須です。画像生成は2方法あります：(1)CLIスクリプト pnpm image "" 、(2)Claude Code から scripts/generate-image.js の処理を直接実行。プロンプトのベストプラクティスとして、スタイル指定（フラットデザイン等）、用途明示（ビジネスプレゼン用）、テキスト未挿入（読みにくい）、16:9アスペクト比意識が重要です。スライドへの埋め込みは、フルブリード背景では img.absolute.inset-0.w-full.h-full.object-cover、インライン画像では img.max-h-[400px].rounded-xl.shadow-lg、カバースライドではimg.opacity-20で背景化し、gradient overlayで可読性確保。他のスライド作成スキルとの連携で、カバースライド背景・コンセプトイラスト・データ視覚化図解で効果的に活用できます。