graphic-ebook
Creates professionally designed B2B SaaS e-books in HTML + CSS, exported as print-ready PDF. 3–10 pages, 9 style presets, 11 page layout types. Trigger when user says "create an ebook", "design a lead magnet", "make a PDF guide", "build a gated content piece", "write a B2B ebook", "design a white paper", "create a nurture asset", or "make a PDF report".
npx skills add Varnan-Tech/opendirectory --skill graphic-ebook --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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. 10. **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. 8. `* { -webkit-print-color-adjust: exact !important; print-color-adju
- Critical Rules
- Step 1: Brief Intake
- Step 2: Complete Intake
- Step 3: Internal Architecture
- Step 4: Page Structure
- Step 5: Content Draft
- Step 6: HTML Generation
- Generation Rules
- Design Quality Rules (from frontend-design principles)
- Step 7: Self-QA
- Step 8: Output
mkdir -p ebook/[slug] bash [skill-root]/scripts/export-pdf.sh \
What does the graphic-ebook skill do?
Creates professionally designed B2B SaaS e-books in HTML + CSS, exported as print-ready PDF. 3–10 pages, 9 style presets, 11 page layout types. Trigger when user says "create an ebook", "design a lead magnet", "make a PDF guide", "build a gated content piece", "write a B2B ebook", "design a white paper", "create a nurture asset", or "make a PDF report".
How do I install it?
Run `npx skills add Varnan-Tech/opendirectory --skill graphic-ebook --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Varnan-Tech/opendirectory, a repository with 571 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.