graphic-case-study
Generates a professionally designed case study PDF for B2B SaaS sales and marketing. Supports 7 page layouts, 9 style presets, 1-4 page output. Trigger when user says "create a case study", "write a customer story", "make a case study PDF", "design a success story", "turn this customer win into a PDF".
npx skills add Varnan-Tech/opendirectory --skill graphic-case-study --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 Case Study Generate a professionally designed B2B case study PDF from customer story details. Output is a single self-contained HTML file (opens in any browser) plus a print-ready PDF. Supports 7 page section layouts and 9 style presets. --- **Critical rules -- non-negotiable:** 1. Every page MUST fit within the A4 canvas (1200×1697px). No content overflow. 2. ALL scalable font sizes use `clamp()`. Fixed px only for structural borders/lines. 3. Single self-contained HTML: all CSS inline. Zero external dependencies except font CDN link. 4. Never dump HTML in chat. Save to file, show summary only. 5. Results stat numbers MUST be visually dominant -- at least 3× body text size. 6. No generic AI slop: no Inter as display font, no purple gradient on white, no "Thank You" closing. --- ## Step 1: Brief Intake Need four things to start. If all four present in the message: skip to Step 2. If any missing, ask exactly: > "To create your case study, I need four things: > 1. **Customer name** -- company name (or a descriptor to anonymize: "Fortune 500 Retailer") > 2. **Challenge** -- what problem did they have before using your product? (2-5 sentences) > 3. **Solution** -- what did yo
- Step 1: Brief Intake
- Step 2: Complete Intake
- Step 2.5: Internal Page Architecture (not shown to user)
- Step 3: Page Structure
- Step 4: Content Draft
- Step 5: HTML Generation
- Step 6: Self-QA
- Step 7: Output
- Step 8: Summary (no HTML in chat)
- Section Reference
mkdir -p case-study/[slug] bash /Users/ksd/Desktop/Varnan_skills/frontend-slides/scripts/export-pdf.sh \
What does the graphic-case-study skill do?
Generates a professionally designed case study PDF for B2B SaaS sales and marketing. Supports 7 page layouts, 9 style presets, 1-4 page output. Trigger when user says "create a case study", "write a customer story", "make a case study PDF", "design a success story", "turn this customer win into a PDF".
How do I install it?
Run `npx skills add Varnan-Tech/opendirectory --skill graphic-case-study --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.