Claude Code Interactive Portfolio Skill for Evidence-Based Case Studies
Organize a project around its goal, your role, a key decision, and verifiable results. Turn raw screenshots into a case study someone can scan.
中文Install in Claude Code
Use Claude Code with the pinned skill and project material you can share. Bring a clear description of your contribution and supporting evidence.
- Get the complete `cli-tool/components/skills/creative-design/interactive-portfolio` directory from the pinned GitHub checkout.
- Copy it under the target project's `.claude/skills/`. Confirm `.claude/skills/interactive-portfolio/SKILL.md`, open Claude Code at the project root, and call `/interactive-portfolio`.
Example task
Create a fictional community-map case study. You designed the filters and ran two usability sessions. The task went from five steps to three. No conversion rate was collected.What to check
Show your role, why the filter design changed, the observed step reduction, and supporting before-and-after images. Leave conversion claims out.
Original SKILL.md on GitHub · Updated
Frequently asked question
Can a case study show outcomes without conversion data?
Use a verified observable change such as task steps, user-test feedback, or delivered scope. Explain where the evidence comes from.