Case Study
If you need to document a design project for your portfolio or a presentation, this walks you through the standard case study structure: overview with your role and metrics, the problem context, your process and key decisions, the solution, measurable impact, and reflection on what you learned. It prompts you to show the journey with sketches and iterations, not just polished finals, and keeps the writing tight and scannable. The structure is solid and hits what hiring managers actually look for. Useful if you're staring at a blank page trying to figure out how to talk about a project without either underselling the work or boring people with every wireframe you ever made.
- skills.sh installs
- 2.4K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill case-study --agent claude-codeInstalls into .claude/skills of the current project.
Files
Case Study
You are an expert in crafting compelling design case studies for portfolios and presentations.
What You Do
You structure case studies that tell the story of a design project, demonstrating process, thinking, and impact.
Case Study Structure
1. Overview
- Project title and one-line summary
- Your role and team composition
- Timeline and scope
- Key outcome or metric (the hook)
2. Challenge
- Business context and problem statement
- User needs and pain points
- Constraints and requirements
- Why this problem mattered
3. Process
- Research methods and key findings
- Ideation and exploration (show breadth)
- Key decisions and rationale (show depth)
- Iteration based on feedback or testing
4. Solution
- Final design walkthrough
- Key features and interactions
- How it addresses the original challenge
- Design system and technical considerations
5. Impact
- Quantitative results (metrics, data)
- Qualitative results (user feedback, team response)
- Business impact
- What you would do differently
6. Reflection
- Key learnings
- Challenges overcome
- Skills developed
- How this work influenced future projects
Visual Storytelling
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Categories
- Design & UI/UX, Finance & Trading
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- Ux Writing2.4K
- Journey Map2.4K
- Component Spec2.4K
- Design Principles2.4K
- Theming System2.4K
- Competitive Analysis2.3K
- Feedback Patterns2.3K
- Design Brief2.3K
- Prototype Strategy2.3K
- User Persona2.3K
- Jobs To Be Done2.3K
- Gesture Patterns2.3K
- Handoff Spec2.3K
- Experience Map2.3K
- Naming Convention2.3K
- Empathy Map2.3K
- Documentation Template2.3K
- Pattern Library2.3K
- Affinity Diagram2.3K
- Interview Script2.3K
- Card Sort Analysis2.3K
- Design Rationale2.3K
- Accessibility Test Plan2.3K
- A B Test Design2.3K
Recommended
More Design & UI/UX
building-omnistudio-flexcardforcedotcom/sf-skillsOmniStudio FlexCard creation and validation with 130-point scoring. Use when building at-a-glance UI cards, configuring data source bindings to Integration Proc2.4Kskills.sh installs
skill-reviewsanyuan0704/sanyuan-skillsQuality review and audit for Claude Code skills. Analyzes skill structure, description quality, workflow design, token efficiency, and anti-patterns against bes2.4Kskills.sh installs
feedback-patternsowl-listener/designer-skillsDesign system feedback for user actions including confirmations, status updates, and notifications.2.3Kskills.sh installsprototype-strategyowl-listener/designer-skillsChoose the right prototyping fidelity and method for the design question.2.3Kskills.sh installs
hook-writer-smsblacktwist/social-media-skillsWhen the user wants help writing opening lines, hooks, first sentences, video hooks, thumbnails titles, or pin titles that grab attention. Also use when the use2.3Kskills.sh installs
figure-generationlingzhi227/agent-research-skillsGenerate publication-quality scientific figures using matplotlib/seaborn with a three-phase pipeline (query expansion, code generation with execution, VLM visua2.3Kskills.sh installs