Back to Cookbook

Case Study Ghost

Turn finished projects into polished portfolio pieces without the 10-hour writing slog

Your portfolio is 3 years outdated because writing case studies takes longer than the projects themselves. This recipe takes your project files, Figma history, and a few bullet points from you, and drafts a complete case study — challenge, process, solution, results.

House RecipeCreative5 min

INGREDIENTS

🌐Browser🔎Web Search

PROMPT

Create a skill called "Case Study Ghost". I'm a web designer and I need help writing portfolio case studies. When I provide: a project URL (or screenshots), before/after images (optional), a Figma file URL (optional), and a few bullet points about the challenge and what I did — generate a complete case study. Structure it as: Challenge (what the client needed and why), Process (discovery, design decisions, key iterations), Solution (what was built and why it works), and Results (metrics if provided, or qualitative outcomes). Auto-generate device mockups from the live URL showing the site on desktop, tablet, and mobile. Let me choose tone: conversational, professional, or technical. Output as Markdown, HTML, or Notion format. Also offer an NDA-safe variant that anonymizes the client name, uses abstracted visuals, and focuses on process and methodology rather than specific brand details.

How It Works

Instead of staring at a blank page, give your Claw the raw materials:

the project URL, before/after screenshots, your Figma file, and a few

bullet points about the challenge and what you did. It drafts a full

case study narrative that you can edit and publish.

What You Get

  • A structured case study: challenge, process, solution, results
  • Auto-generated device mockups (desktop, tablet, mobile) from the live URL
  • Before/after visual comparisons
  • Key metrics section (if you provide analytics data)
  • Written in your voice (configure tone: conversational, professional, technical)
  • Formatted for your portfolio site (Markdown, HTML, or Notion)
  • NDA-safe variant available: anonymized client, abstracted visuals, process-focused

Setup Steps

  1. Provide the project URL, before/after screenshots, and Figma file (optional)
  2. Give a few bullet points: What was the challenge? What did you do? What were the results?
  3. Optionally provide analytics data (traffic, conversion, bounce rate before/after)
  4. Choose a tone and output format
  5. Your Claw drafts the case study
  6. Edit, refine, and publish

Tips

  • The fewer bullet points you give, the more generic the output — even 3-4 sentences of context makes a huge difference
  • The NDA-safe variant is great for agency work where you can't name the client
  • Device mockups are auto-generated from the live URL — no need to create them manually
  • Run this the week you finish a project while it's still fresh in your mind
  • Pair with the De-Botinator to make sure the final copy sounds human
Tags:#web-design#portfolio#case-study#writing