> ## Documentation Index
> Fetch the complete documentation index at: https://www.opendirectory.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# graphic-ebook
> Create professionally designed B2B SaaS e-books (3–10 pages) using HTML + CSS. Supports 9 visual styles and 11 page layout types. Outputs a browser-ready HTM...
**Category:** Visual & Media · **Version:** `1.0.0` · **Author:** `OpenDirectory` · **Compatibility:** All targets (claude, codex, opencode, gemini, anti-gravity, openclaw, hermes)
Create professionally designed B2B SaaS e-books (3–10 pages) using HTML + CSS. Supports 9 visual styles and 11 page layout types. Outputs a browser-ready HTML file + print-ready PDF.
## Install
```bash theme={null}
npx "@opendirectory.dev/skills" install graphic-ebook --target claude
```
```bash theme={null}
npx skills add Varnan-Tech/opendirectory --skill graphic-ebook
```
```bash theme={null}
/plugin marketplace add Varnan-Tech/opendirectory
/plugin install opendirectory-gtm-skills@opendirectory-marketplace
```
1. Copy `https://github.com/Varnan-Tech/opendirectory/tree/main/skills/graphic-ebook` into [download-directory.github.io](https://download-directory.github.io/) to download the ZIP.
2. Open **Claude Desktop** -> **Customize** -> **Skills** -> **+** -> **Upload a skill** and drop the folder containing `SKILL.md`.
[**Install graphic-ebook in Manus AI**](https://manus.im/import-skills?githubUrl=https%3A%2F%2Fgithub.com%2FVarnan-Tech%2Fopendirectory%2Ftree%2Fmain%2Fskills%2Fgraphic-ebook\&utm_source=opendirectory)
## What it does
* Asks 4 required questions to establish topic, audience, CTA, and content source
* Asks 9 optional intake questions to determine style, page count, and brand
* Plans the chapter structure and page sequence (with user confirmation)
* Drafts or uses provided content — per-page copy with word count discipline
* Generates a single self-contained HTML file — opens in any browser, no build tools
* Splits into per-page HTML files for individual sharing or editing
* Exports a print-ready PDF via Playwright (A4 portrait, 1200×1697px)
* Enforces visual rhythm — no 2+ consecutive text pages back-to-back
## Example
> "Create a 6-page ebook titled 'The B2B SaaS Guide to Reducing Churn'. Audience: Customer Success Managers at 50–500 person SaaS companies. CTA: book a demo. Style: clean-slate. Brand: DataPulse."
Output: cover + TOC + chapter opener + body page + stat page + closing CTA, exported as PDF.
***
## Supported Styles
| Style | Best for |
| - | - |
| clean-slate | Enterprise B2B, sales teams, any audience that expects professionalism |
| midnight-editorial | Tech/AI companies, premium B2B, thought leadership |
| matt-gray | Board materials, internal reviews, professional mixed audiences |
| product-minimal | Product companies, design-forward B2B, design-savvy buyers |
| mint-pixel-corporate | SaaS sales, tech startups, growth-stage B2B |
| warm-earth | Agencies, consultancies, service businesses, health/education tech |
| brutalist | Standout materials, design-forward agencies, bold brands |
| magazine-red | Marketing agencies, brand-forward companies, research reports |
| soft-cloud | Onboarding materials, customer education, approachable SaaS |
***
## Supported Page Layouts
| Layout | Purpose |
| - | - |
| cover | Opening page — title, subtitle, brand name, visual |
| toc | Table of contents — numbered chapter list |
| chapter-intro | Section opener — large chapter number, title, teaser |
| text-column | Reading body copy — 1-column or 2-column |
| text-sidebar | Body copy + typed callout sidebar (tip/warning/stat/quote/checklist) |
| quote-callout | Full-page pull quote with attribution |
| stat-grid | 3–6 key metrics with visual emphasis |
| key-takeaways | Summary list — what the reader retains |
| full-image | Full-page CSS-generated visual or abstract composition |
| closing-cta | Final page — CTA action + email + URL |
***
## Output
| File | What it is |
| - | - |
| `ebook/[slug]/index.html` | Full ebook, browser-ready |
| `ebook/[slug]/page-01.html` … | Per-page HTML files for individual sharing |
| `ebook/[slug].pdf` | Print-ready PDF (A4 portrait) |
Standard dimensions: 1200×1697px (A4 portrait).
***
## Parameters
| Param | Required | Notes |
| - | - | - |
| topic | Yes | The ebook subject (specific: "5 ways to reduce CAC") |
| audience | Yes | Target reader persona (role, company size, pain point) |
| desired\_action | Yes | What reader should do after reading |
| content | Yes | Existing content to use, or "draft from scratch" |
| page\_count | No | 3–10 (default: 6) |
| key\_takeaways | No | 3–5 things the reader should learn |
| brand\_name | No | Company/product name for cover and footer |
| brand\_logo | No | Logo URL (CSS initials generated if omitted) |
| style | No | One of 9 named presets or "show me options" (default: clean-slate) |
| chapter\_count | No | Number of main sections (derived from page\_count if omitted) |
| cta\_details | No | Primary CTA (default: "book a demo") |
| contact\_info | No | Email + URL for closing page |
| slug | No | Filename slug (derived from topic if omitted) |
***
## Dependencies
**Node.js** — required for PDF export. Auto-detected; install from [nodejs.org](https://nodejs.org) if missing.
Everything else is bundled inside this skill:
* `assets/viewport-base.css` — responsive page foundation (included verbatim in generated HTML)
* `scripts/export-pdf.sh` — PDF export via Playwright (auto-installs Playwright + Chromium on first run)
No external skill dependencies. No API keys required.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.