# Add Case Study

> When user wants to add a new case study to the portfolio.

- Skill: `majiayu000/add-case-study` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/add-case-study`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/add-case-study/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/add-case-study

---


# Add Case Study Skill

## When to Use
When user wants to add a new case study to the portfolio.

## Prerequisites
- Case study content (problem, solution, results)
- At least one hero image
- Stats/metrics for the stats section

## Steps

### 1. Create MDX File
Location: `src/content/caseStudies/{slug}.md`

### 2. Required Frontmatter
```yaml
---
title: "Short title for cards"
pageTitle: "Full title shown on page"
seoTitle: "SEO optimized title | Jitan Gupta"
summary: "2-3 sentence summary for preview cards"
description: "SEO description 150-160 chars"
pubDate: "YYYY-MM-DD"
heroImage: "/images/{image-name}.png"
articleTag: "Category"
stats:
  - percentage: "XX%"
    description: "What this metric means"
keywords: "keyword1, keyword2, long-tail keyword"
author: "Jitan Gupta"
robots: "index, follow"
ogType: "article"
canonicalUrl: "https://jitangupta.com/case-studies/{slug}/"
---
```

### 3. Content Structure
- Use ## for main sections
- Use ### for subsections
- Include code blocks with language specifier
- Add images with descriptive alt text

### 4. Verify
```bash
npm run build
# Check for TypeScript/content errors
```

### 5. Test Locally
```bash
npm run dev
# Visit http://localhost:4321/case-studies/{slug}
```