graphic-ebook
Installation
SKILL.md
graphic-ebook
Creates professionally designed B2B SaaS e-books — lead magnets, gated guides, nurture assets, white papers. HTML + CSS → print-ready PDF. 3–10 pages.
Critical Rules
Before any step, these rules are absolute:
- Every page MUST fit within A4 canvas (1200×1697px). No content overflow.
- All scalable font sizes use
clamp(). Fixed px only for borders/structural elements. - Single self-contained HTML. All CSS inline. Font CDN
<link>only external dependency. - Never dump HTML in chat. Save to file, show summary only.
- Body copy is primary. Line-height ≥ 1.75 on all text-column and text-sidebar pages. Max-width ≤ 65ch for single-column body.
- No generic AI slop: no Inter as display font, no purple-to-blue gradient on white, no "Thank You" closing.
- Visual rhythm: never place 2+ text-column pages back-to-back. Break with chapter-intro, quote-callout, or stat-grid.
- Before generating HTML, commit to a design direction: one tone, one signature element, one background system. Generic = failure. Each ebook must be distinctly designed for its audience and subject — not a template.
* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }— mandatory global CSS. Chromium strips all background colors in PDF without this.- Every page except cover must have a page footer: page number + brand name. Absolute position at bottom of each
.slide.