graphic-ebook

Name: graphic-ebook
Author: Varnan-Tech

21installs59forks

How to install graphic-ebook?

varnan-tech/opendirectory/graphic-ebook

$npx -y skills add Varnan-Tech/opendirectory --skill graphic-ebook

Installs into the current project.

Summary

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"

Files · 1

View on GitHub

SKILL.md

1	# graphic-ebook
2
3	Creates professionally designed B2B SaaS e-books — lead magnets, gated guides, nurture assets, white papers. HTML + CSS → print-ready PDF. 3–10 pages.
4
5	## Critical Rules
6
7	Before any step, these rules are absolute:
8
9	1. Every page MUST fit within A4 canvas (1200×1697px). No content overflow.
10	2. All scalable font sizes use `clamp()`. Fixed px only for borders/structural elements.
11	3. Single self-contained HTML. All CSS inline. Font CDN `<link>` only external dependency.
12	4. Never dump HTML in chat. Save to file, show summary only.
13	5. Body copy is primary. Line-height ≥ 1.75 on all text-column and text-sidebar pages. Max-width ≤ 65ch for single-column body.
14	6. No generic AI slop: no Inter as display font, no purple-to-blue gradient on white, no "Thank You" closing.
15	7. Visual rhythm: never place 2+ text-column pages back-to-back. Break with chapter-intro, quote-callout, or stat-grid.
16	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.
17	8. `* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }` — mandatory global CSS. Chromium strips all background colors in PDF without this.
18	9. Every page except cover must have a page footer: page number + brand name. Absolute position at bottom of each `.slide`.
19
20	---
21
22	## Step 1: Brief Intake
23
24	Four required fields. If all four are present in the user's prompt: skip to Step 2.
25
26	If any are missing, ask exactly:
27
28	> "To create your ebook, I need four things:
29	> 1. Topic — what is the ebook about? (be specific: "5 ways to reduce CAC" not "marketing tips")
30	> 2. Audience — who reads it? (role, company size, pain point: "Customer Success Managers at 50–500 person SaaS companies struggling with churn")
31	> 3. Desired action — what should the reader do after? (book a demo, download a template, share with team)
32	> 4. Content — do you have existing content, or should I draft from the topic?"
33
34	Stop and wait. Do not read reference files. Do not generate any HTML or outline.
35
36	---
37
38	## Step 2: Complete Intake
39
40	Ask all 9 questions in one message, grouped. Defaults apply if skipped.
41
42	Content
43	1. Page count — 3–5 (quick guide / checklist) / 6–8 (standard guide) / 9–10 (deep dive) (default: 6)
44	2. Key takeaways — 3–5 things the reader should know or do after reading (informs chapter structure)
45	3. Brand name — company or product name for cover and footer (or "skip")
46	4. Brand logo — URL or "none"
47
48	Design
49	5. Style — clean-slate / midnight-editorial / matt-gray / product-minimal / mint-pixel-corporate / warm-earth / brutalist / magazine-red / soft-cloud / "show me options" (default: clean-slate)
50	6. Chapter count — how many main sections? (default: derived from page count)
51
52	Output
53	7. CTA details — demo booking / newsletter signup / template download / other (default: "book a demo")
54	8. Contact info — email + URL for closing CTA page (or "I'll add later")
55	9. Slug — filename slug (e.g., "reduce-churn-guide-2025"; derived from topic if skipped)
56
57	Defaults:
58
59	\| Question \| Default \|
60	\|---\|---\|
61	\| Page count \| 6 \|
62	\| Key takeaways \| derive from topic \|
63	\| Brand name \| none \|
64	\| Brand logo \| none \|
65	\| Style \| clean-slate \|
66	\| Chapter count \| derived from page count \|
67	\| CTA details \| book a demo \|
68	\| Contact info \| placeholder (flagged in checklist) \|
69	\| Slug \| kebab-case of topic \|
70
71	If style = "show me options": Generate 3 single-page HTML previews (cover page only) saved to `.claude-design/previews/style-a.html`, `style-b.html`, `style-c.html`. Open each automatically. Ask user to pick before Step 3.
72
73	---
74
75	## Step 3: Internal Architecture
76
77	Derive internally. Never show this to the user.
78
79	Chapter → page mapping:
80
81	\| Pages \| Typical structure \|
82	\|---\|---\|
83	\| 3 \| cover + [1 content page] + closing-cta \|
84	\| 4 \| cover + [1 chapter-intro + 1 text-column] + closing-cta \|
85	\| 5 \| cover + toc + [1 chapter-intro + 1 text-column] + closing-cta \|
86	\| 6 \| cover + toc + [2 chapter-intros + 1 text-column] + closing-cta \|
87	\| 8 \| cover + toc + [3 chapter-intros + 2 content pages] + closing-cta \|
88	\| 10 \| cover + toc + [4 chapter-intros + 3 content pages] + key-takeaways + closing-cta \|
89
90	TOC rule: Include for ebooks ≥ 6 pages. For 3–5 page ebooks, use a "What's inside" bullet list on the cover page or skip entirely.
91
92	Three-point CTA architecture (for ebooks ≥ 6 p

People who liked this also viewed

6 picks

Type

graphic-ebook

21installs59forks

View on GitHub

How to install graphic-ebook?

varnan-tech/opendirectory/graphic-ebook

$npx -y skills add Varnan-Tech/opendirectory --skill graphic-ebook

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# graphic-ebook
2
3	Creates professionally designed B2B SaaS e-books — lead magnets, gated guides, nurture assets, white papers. HTML + CSS → print-ready PDF. 3–10 pages.
4
5	## Critical Rules
6
7	Before any step, these rules are absolute:
8
9	1. Every page MUST fit within A4 canvas (1200×1697px). No content overflow.
10	2. All scalable font sizes use `clamp()`. Fixed px only for borders/structural elements.
11	3. Single self-contained HTML. All CSS inline. Font CDN `<link>` only external dependency.
12	4. Never dump HTML in chat. Save to file, show summary only.
13	5. Body copy is primary. Line-height ≥ 1.75 on all text-column and text-sidebar pages. Max-width ≤ 65ch for single-column body.
14	6. No generic AI slop: no Inter as display font, no purple-to-blue gradient on white, no "Thank You" closing.
15	7. Visual rhythm: never place 2+ text-column pages back-to-back. Break with chapter-intro, quote-callout, or stat-grid.
16	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.
17	8. `* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }` — mandatory global CSS. Chromium strips all background colors in PDF without this.
18	9. Every page except cover must have a page footer: page number + brand name. Absolute position at bottom of each `.slide`.
19
20	---
21
22	## Step 1: Brief Intake
23
24	Four required fields. If all four are present in the user's prompt: skip to Step 2.
25
26	If any are missing, ask exactly:
27
28	> "To create your ebook, I need four things:
29	> 1. Topic — what is the ebook about? (be specific: "5 ways to reduce CAC" not "marketing tips")
30	> 2. Audience — who reads it? (role, company size, pain point: "Customer Success Managers at 50–500 person SaaS companies struggling with churn")
31	> 3. Desired action — what should the reader do after? (book a demo, download a template, share with team)
32	> 4. Content — do you have existing content, or should I draft from the topic?"
33
34	Stop and wait. Do not read reference files. Do not generate any HTML or outline.
35
36	---
37
38	## Step 2: Complete Intake
39
40	Ask all 9 questions in one message, grouped. Defaults apply if skipped.
41
42	Content
43	1. Page count — 3–5 (quick guide / checklist) / 6–8 (standard guide) / 9–10 (deep dive) (default: 6)
44	2. Key takeaways — 3–5 things the reader should know or do after reading (informs chapter structure)
45	3. Brand name — company or product name for cover and footer (or "skip")
46	4. Brand logo — URL or "none"
47
48	Design
49	5. Style — clean-slate / midnight-editorial / matt-gray / product-minimal / mint-pixel-corporate / warm-earth / brutalist / magazine-red / soft-cloud / "show me options" (default: clean-slate)
50	6. Chapter count — how many main sections? (default: derived from page count)
51
52	Output
53	7. CTA details — demo booking / newsletter signup / template download / other (default: "book a demo")
54	8. Contact info — email + URL for closing CTA page (or "I'll add later")
55	9. Slug — filename slug (e.g., "reduce-churn-guide-2025"; derived from topic if skipped)
56
57	Defaults:
58
59	\| Question \| Default \|
60	\|---\|---\|
61	\| Page count \| 6 \|
62	\| Key takeaways \| derive from topic \|
63	\| Brand name \| none \|
64	\| Brand logo \| none \|
65	\| Style \| clean-slate \|
66	\| Chapter count \| derived from page count \|
67	\| CTA details \| book a demo \|
68	\| Contact info \| placeholder (flagged in checklist) \|
69	\| Slug \| kebab-case of topic \|
70
71	If style = "show me options": Generate 3 single-page HTML previews (cover page only) saved to `.claude-design/previews/style-a.html`, `style-b.html`, `style-c.html`. Open each automatically. Ask user to pick before Step 3.
72
73	---
74
75	## Step 3: Internal Architecture
76
77	Derive internally. Never show this to the user.
78
79	Chapter → page mapping:
80
81	\| Pages \| Typical structure \|
82	\|---\|---\|
83	\| 3 \| cover + [1 content page] + closing-cta \|
84	\| 4 \| cover + [1 chapter-intro + 1 text-column] + closing-cta \|
85	\| 5 \| cover + toc + [1 chapter-intro + 1 text-column] + closing-cta \|
86	\| 6 \| cover + toc + [2 chapter-intros + 1 text-column] + closing-cta \|
87	\| 8 \| cover + toc + [3 chapter-intros + 2 content pages] + closing-cta \|
88	\| 10 \| cover + toc + [4 chapter-intros + 3 content pages] + key-takeaways + closing-cta \|
89
90	TOC rule: Include for ebooks ≥ 6 pages. For 3–5 page ebooks, use a "What's inside" bullet list on the cover page or skip entirely.
91
92	Three-point CTA architecture (for ebooks ≥ 6 p

People who liked this also viewed

6 picks

Type