Category: Visual & Media · Version:
1.0.0 · Author: OpenDirectory · Compatibility: All targets (claude, codex, opencode, gemini, anti-gravity, openclaw, hermes)Install
- npx CLI (Recommended)
- skills.sh
- Claude Code Native
- Claude Desktop
- Manus AI
What it does
- Asks the questions that determine how the case study should be structured
- Interviews you (or processes your notes) to extract customer story details
- Structures the narrative: customer context → challenge → solution → results → testimonial
- 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)
- Supports 1-pager summary card, standard 2-pager, and detailed 4-pager formats
Example
“Create a 2-page case study for Acme Corp. They were spending 20 hrs/week on manual reporting. We automated it. They saved 80% of that time and reduced errors by 95%. Use midnight-editorial style.”Output: 2-page PDF with cover, challenge/solution spread, results stat page, and closing CTA.
Supported Styles
Supported Page Layouts
Output
Standard dimensions: 1200×1697px (A4 portrait). Landscape 4:3 (1200×900) available on request.
Parameters
Dependencies
This skill requires thefrontend-slides skill files at:
/Users/ksd/Desktop/Varnan_skills/frontend-slides/
Specifically:
viewport-base.css— responsive page foundation (included verbatim in generated HTML)scripts/export-pdf.sh— PDF export via Playwright (Node.js required, auto-installs; use--portraitflag for A4)

