/case-study — Claude Code Skill

Generate professional, branded case studies from any company website URL. One command. Zero design skills needed.

Install

Paste this in your terminal:

bash <(curl -sL https://raw.githubusercontent.com/Aston1690/case-study-skill/main/install.sh)

Usage

In Claude Code, type:

/case-study https://example.com

The skill will:

1. Extract brand colors, fonts, and logo from the website
2. Research the company (product, metrics, testimonials)
3. Generate a fully branded HTML case study page
4. Export to PDF via Puppeteer

What You Get

A professional, responsive case study with:

• Hero section with brand-colored accent headline
• Stats bar with 4 key metrics
• Challenge section with narrative + pain points card
• Solution timeline with 3–5 numbered steps
• Industry impact cards with result metrics
• Testimonial block
• Results grid with detailed metric cards
• Technology / capabilities grid
• CTA section linking to the company website

All styled with the company's own brand colors, fonts, and logo.

Requirements

• Claude Code (CLI)
• Node.js v18+ (for PDF export)

Example Output

File Structure

~/.claude/skills/case-study/
├── SKILL.md              # Skill definition + workflow
├── scripts/
│   ├── export-pdf.js     # Puppeteer PDF exporter
│   └── package.json      # Node dependencies
├── templates/
│   └── case-study-template.html  # Reference template
└── references/           # Design references

How It Works

1. Brand Extraction — Scrapes the target website for colors, fonts, logo, and visual style
2. Content Research — Uses WebSearch and WebFetch to gather company info, metrics, and testimonials
3. HTML Generation — Creates a self-contained HTML page using the template structure with brand tokens
4. Preview & Verify — Launches a local preview server to verify the output
5. PDF Export — Uses Puppeteer to render a high-quality PDF

Uninstall

rm -rf ~/.claude/skills/case-study

---

Built by Inspra.ai — AI-powered business tools for Claude Code.