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:

  1. Every page MUST fit within A4 canvas (1200×1697px). No content overflow.
  2. All scalable font sizes use clamp(). Fixed px only for borders/structural elements.
  3. Single self-contained HTML. All CSS inline. Font CDN <link> only external dependency.
  4. Never dump HTML in chat. Save to file, show summary only.
  5. Body copy is primary. Line-height ≥ 1.75 on all text-column and text-sidebar pages. Max-width ≤ 65ch for single-column body.
  6. No generic AI slop: no Inter as display font, no purple-to-blue gradient on white, no "Thank You" closing.
  7. Visual rhythm: never place 2+ text-column pages back-to-back. Break with chapter-intro, quote-callout, or stat-grid.
  8. 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.
  9. * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } — mandatory global CSS. Chromium strips all background colors in PDF without this.
  10. Every page except cover must have a page footer: page number + brand name. Absolute position at bottom of each .slide.
Installs
8
GitHub Stars
453
First Seen
May 8, 2026
graphic-ebook — varnan-tech/opendirectory