
Template details
Portfolio Case Study Generator
A Claude Code skill that turns raw UX and product design project notes into recruiter-ready portfolio case studies in 9 story formats.
About this template
Portfolio Case Study Generator is a Claude Code skill, distributed as a free MIT-licensed GitHub repository, that converts messy project notes into structured design case studies for portfolio sites, interview walkthroughs, and presentations.
What is Portfolio Case Study Generator?
Portfolio Case Study Generator is a Claude Code skill that takes raw project material — notes, Figma links, metrics, quotes, transcripts — and drafts a structured design case study. It follows a six-part arc: Overview, Challenge, Process, Solution, Impact, and Reflection. It runs inside Claude Code, auto-discovered after being cloned into the ~/.claude/skills/ folder.
What makes it stand out?
- Nine story formats — STAR, Hero's Journey, Problem → Solution → Impact, Before/After/Bridge, Pyramid Principle, Pixar "Once upon a time…", Three-Act, Jobs-to-be-Done, and Decision Log, each reshaping the arc and pacing of the same facts.
- Structured 7-question intake — before drafting, the skill asks for the one-sentence project, project type, role and team, audience, story format, hook metric, and raw material in a single message; it skips questions already answered.
- Six bundled files —
SKILL.md,PROJECT-TEMPLATE.md,design-portfolio-guide.md,slide-template.md,tone-guide.md, andreferences.md. - No invented numbers — the skill preserves facts, role, and metrics rather than fabricating them.
- Post-draft options — after drafting it offers to tighten, lengthen, reformat for a destination, or generate a second variant in a different format.
- Standalone fallback —
PROJECT-TEMPLATE.mdcan be filled in manually or used withSKILL.mdas a system prompt for any LLM.
Who is it for?
- Product designers assembling a portfolio who need consistent structure across multiple case studies.
- UX designers preparing interview walkthroughs, using the STAR format for recruiter scans.
- Design leads documenting work for internal showcases.
- Freelancers writing client-ready project recaps.
What can you do with Portfolio Case Study Generator?
- Interview prep: write a checkout redesign as a Before/After/Bridge story via a natural-language instruction to the skill.
- Recruiter-facing portfolio page: invoke
/case-studyand format it as STAR for an interview loop. - Live presentation: use the bundled
slide-template.mddeck layout for walking through a case study. - Comparison drafting: generate a second variant in a different format from the same source material.
How does it work?
Clone the repo into the Claude Code skills folder (or install on Windows via a PowerShell clone), then ask for the case-study skill or type /case-study. The skill runs the intake, drafts in the chosen format, and offers revisions at the end.
FAQ
Is Portfolio Case Study Generator free?
Yes. The repository is MIT-licensed, so installation, use, and modification are free.
Does the skill invent metrics for my case study?
No. The skill preserves your stated facts and metrics and will not invent numbers; you supply the hook metric and quantitative impact during intake.
What do I need installed to use it?
It is built as a Claude Code skill and requires Claude Code, the CLI it plugs into, with the skill cloned into your skills folder.
Can I use it without Claude Code?
Yes — clone the repo anywhere and copy PROJECT-TEMPLATE.md into your project, filling it in manually or feeding it to another LLM with SKILL.md as the system prompt.
















