graphic-ebook 用于创建经过专业设计的 B2B SaaS 电子书,包括线索磁铁、需填写表单才能下载的引导指南、客户培育资产与白皮书。其输出形式为 HTML + CSS,并导出为适合打印的 PDF,篇幅为 3–10 页。
一、用途 该技能面向 B2B SaaS 场景的电子书制作需求,覆盖引导获取、内容培育与白皮书等形态。生成结果以浏览器渲染的页面为基础,最终导出为可打印的 PDF 文件。
二、主要能力
- 页面与布局:支持 3–5 页快速指南/清单、6–8 页标准指南、9–10 页深度内容等页数区间;提供 11 种页面布局类型,包括封面 cover、目录 toc、章节导语 chapter-intro、单栏正文 text-column、双栏正文、正文加侧栏 text-sidebar、引用框 quote-callout、数据网格 stat-grid、要点回顾 key-takeaways、结尾 CTA closing-cta 等。
- 风格预设:内置 9 种风格预设(clean-slate、midnight-editorial、matt-gray、product-minimal、mint-pixel-corporate、warm-earth、brutalist、magazine-red、soft-cloud),并支持“show me options”,即生成 3 个封面预览页供选择。
- 版式约束:每页必须适配 A4 画布(1200×1697px),不得溢出;所有可缩放字号使用 clamp(),固定像素仅用于边框与结构元素;单文件自包含 HTML,全部 CSS 内联,字体 CDN link 为唯一外部依赖。
- 阅读质量规则:正文行高不低于 1.75;单栏正文最大宽度不超过 65ch;不得连续出现两个以上的正文栏页面,需以章节导语、引用框或数据网格打断;每页(封面除外)需有页脚,包含页码与品牌名。
- PDF 导出兼容:必须包含全局 CSS 规则 * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; },否则 Chromium 在生成 PDF 时会剥离背景色。
- 设计质量要求:避免通用化设计(不使用 Inter 作为展示字体、不使用白底紫色到蓝色渐变、不使用“Thank You”结尾);在生成 HTML 前需确定设计方向,包括一种基调、一个标志性元素、一套背景系统;封面必须带有承担视觉深度的装饰性伪元素。
三、使用方式 流程分为 7 步。 第 1 步:需求采集。需要主题、受众、期望动作、内容来源四项必填信息;若提示中已全部包含则跳至第 2 步,否则技能会按固定问法逐项询问并等待回答。 第 2 步:完整采集。一次性询问 9 个问题,涵盖页数、关键要点、品牌名、品牌 logo、风格、章节数量、CTA 详情、联系信息、文件 slug。未回答项使用默认值(页数 6、风格 clean-slate、CTA 为“book a demo”等)。若风格选择“show me options”,则生成 3 个封面预览并打开,待用户选择后继续。 第 3 步:内部架构。由技能内部推导,不展示给用户,包括章节到页面的映射、目录规则(6 页及以上需目录)、三点式 CTA 架构(导语 CTA、中段 CTA、结尾 CTA)、视觉节奏检查与设计方向。 第 4 步:页面结构。阅读 references/page-library.md 后,输出带布局类型标签的逐页编号列表,并与用户确认。 第 5 步:内容草稿。以纯文本撰写逐页文案,各布局类型有字数与写法规则;禁用词包括 powerful、seamless、game-changing、leverage、innovative、revolutionary、transform、cutting-edge、robust、unlock、scalable(作为填充词时)。 第 6 步:HTML 生成。需完整阅读 references 下的 design-system.md、page-library.md、style-presets.md,并将 assets/viewport-base.css 内容逐字包含在 style 块中。每页为一个 section.slide,并加页面注释;无图片资源,仅使用 CSS 生成的渐变、几何形状、点阵等视觉元素;仅保留用于 .reveal 动画的最小 IntersectionObserver。 第 7 步:自检。在输出前逐项修复问题,检查范围包括布局与渲染(每页高度、打印颜色调整、clamp 使用、无溢出、无占位框)、结构(页数、slide class、布局顺序、目录)、阅读质量(行高、最大宽度、视觉打断、页脚、侧栏 callout 类型类名)、设计质量。
四、适用场景 适用于需要快速产出面向 B2B SaaS 受众的电子书、指南、白皮书等可下载 PDF 内容的场景,尤其适合需要统一风格预设与明确转化路径(CTA)的内容制作需求。
五、限制
- 篇幅限定为 3–10 页。
- 无图片资源,视觉元素仅由 CSS 生成,不得使用占位框。
- 字体 CDN link 是唯一允许的外部依赖,其余需内联。
- 不得将 HTML 直接输出到对话中,需保存为文件并仅展示摘要。
- 排版与设计存在多项强制规则,需按自检清单逐项满足。
- 关于收费、价格、支持平台、具体效果数据等事实,资料暂未提供。