SuperAPI AI 工具集

graphic-ebook

设计与创作

查看项目

更新于 10-16 02:03

技能介绍

graphic-ebook 用于创建经过专业设计的 B2B SaaS 电子书,包括线索磁铁、需填写表单才能下载的引导指南、客户培育资产与白皮书。其输出形式为 HTML + CSS,并导出为适合打印的 PDF,篇幅为 3–10 页。

一、用途 该技能面向 B2B SaaS 场景的电子书制作需求,覆盖引导获取、内容培育与白皮书等形态。生成结果以浏览器渲染的页面为基础,最终导出为可打印的 PDF 文件。

二、主要能力

  1. 页面与布局:支持 3–5 页快速指南/清单、6–8 页标准指南、9–10 页深度内容等页数区间;提供 11 种页面布局类型,包括封面 cover、目录 toc、章节导语 chapter-intro、单栏正文 text-column、双栏正文、正文加侧栏 text-sidebar、引用框 quote-callout、数据网格 stat-grid、要点回顾 key-takeaways、结尾 CTA closing-cta 等。
  2. 风格预设:内置 9 种风格预设(clean-slate、midnight-editorial、matt-gray、product-minimal、mint-pixel-corporate、warm-earth、brutalist、magazine-red、soft-cloud),并支持“show me options”,即生成 3 个封面预览页供选择。
  3. 版式约束:每页必须适配 A4 画布(1200×1697px),不得溢出;所有可缩放字号使用 clamp(),固定像素仅用于边框与结构元素;单文件自包含 HTML,全部 CSS 内联,字体 CDN link 为唯一外部依赖。
  4. 阅读质量规则:正文行高不低于 1.75;单栏正文最大宽度不超过 65ch;不得连续出现两个以上的正文栏页面,需以章节导语、引用框或数据网格打断;每页(封面除外)需有页脚,包含页码与品牌名。
  5. PDF 导出兼容:必须包含全局 CSS 规则 * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; },否则 Chromium 在生成 PDF 时会剥离背景色。
  6. 设计质量要求:避免通用化设计(不使用 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)的内容制作需求。

五、限制

  1. 篇幅限定为 3–10 页。
  2. 无图片资源,视觉元素仅由 CSS 生成,不得使用占位框。
  3. 字体 CDN link 是唯一允许的外部依赖,其余需内联。
  4. 不得将 HTML 直接输出到对话中,需保存为文件并仅展示摘要。
  5. 排版与设计存在多项强制规则,需按自检清单逐项满足。
  6. 关于收费、价格、支持平台、具体效果数据等事实,资料暂未提供。