graphic-ebook
プロフェッショナルなB2B SaaS eBook（リードマグネット、ゲート付きガイド、ナーチャーアセット、ホワイトペーパー）を作成します。HTML + CSS → 印刷可能なPDF。3～10ページ。
重要なルール
どのステップよりも先に、これらのルールは絶対です：
- すべてのページはA4キャンバス（1200×1697px）に収まること。コンテンツのはみ出しは禁止。
- 拡大縮小可能なフォントサイズはすべて
clamp()を使用。固定pxはボーダーや構造要素のみ。 - 単一の自己完結型HTML。すべてのCSSはインライン。フォントCDNの
<link>のみ外部依存。 - チャット内にHTMLをダンプしないでください。 ファイルに保存し、サマリーのみ表示。
- 本文が最優先。テキストカラムおよびテキストサイドバーページでは line-height ≥ 1.75。単一カラムの本文では max-width ≤ 65ch。
- 汎用的なAIスロップは禁止：ディスプレイフォントにInter、白背景に紫から青へのグラデーション、「ありがとうございました」という結びは禁止。
- 視覚的リズム：2ページ以上のテキストカラムページを連続して配置しないこと。チャプターイントロ、引用コールアウト、または統計グリッドで区切ること。
- HTMLを生成する前に、デザインの方向性を決定すること： 1つのトーン、1つのシグネチャー要素、1つの背景システム。汎用的なものは失敗です。各eBookは、テンプレートではなく、そのオーディエンスとトピックに合わせて明確にデザインされなければなりません。
* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }— 必須のグローバルCSS。これがないとChromiumはPDF内のすべての背景色を削除します。- カバーページを除くすべてのページには、ページフッターが必要：ページ番号 + ブランド名。各
.slideの下部に絶対配置。
ステップ 1: 情報収集
4つの必須フィールド。ユーザーのプロンプトにすべてが含まれている場合：ステップ2にスキップ。
不足しているものがあれば、正確に 次のように質問します：
「eBookを作成するために、4つの情報が必要です：
- トピック — eBookの内容は？（具体的に：「マーケティングのコツ」ではなく「CACを削減する5つの方法」）
- オーディエンス — 誰が読むのか？（役割、会社規模、課題：「解約に悩む従業員50～500人のSaaS企業のカスタマーサクセスマネージャー」）
- 目的 — 読者に何をしてもらいたいか？（デモ予約、テンプレートダウンロード、チームと共有）
- コンテンツ — 既存のコンテンツはありますか？それともトピックから私がドラフトを作成しますか？」
停止して待ちます。リファレンスファイルは読み込まないでください。HTMLやアウトラインは生成しないでください。
ステップ 2: 完全な情報収集
9つの質問すべてを1つのメッセージで、グループ化して尋ねます。スキップされた場合はデフォルトが適用されます。
コンテンツ
- ページ数 — 3～5（クイックガイド/チェックリスト）/ 6～8（標準ガイド）/ 9～10（詳細ガイド）（デフォルト：6）
- 主要な学び — 読者が読んだ後に知っておくべきこと、または実行すべきこと（3～5つ）（チャプター構成に影響）
- ブランド名 — カバーとフッターに使用する会社名または製品名（または「スキップ」）
- ブランドロゴ — URL または「なし」
デザイン 5. スタイル — clean-slate / midnight-editorial / matt-gray / product-minimal / mint-pixel-corporate / warm-earth / brutalist / magazine-red / soft-cloud /