Portfolio-Case-Study
SonwaneyY/Portfolio-Case-StudyClaude Code скилл для дизайнеров: превращает черновые заметки о проекте в структурированные кейсы для портфолио. Поддерживает 9 форматов подачи, шаблоны слайдов и гайд по тону. Подходит для UX, продуктовых дизайнеров и фрилансеров.
Установка
git clone https://github.com/SonwaneyY/Portfolio-Case-Study.gitREADME
Claude Skill: Case Study
Claude Code скилл, который помогает дизайнерам создавать готовые к портфолио кейсы — структурированные, убедительные и удобные для рекрутеров.
Превращает сырые заметки о проекте в отполированные дизайн-кейсы, которые рассказывают историю вашего процесса, решений и результатов. Реализован как Claude Code skill — достаточно положить его в папку ~/.claude/skills/ и вызывать по необходимости.
Зачем этот скилл?
Большинство дизайнеров знают, что их работа сильная, но теряются, когда нужно написать о ней. Кейсы получаются либо слишком тонкими (только скриншоты), либо слишком длинными (задокументирована каждая итерация в Figma). Этот скилл даёт Claude структуру, тон и сторителлинг-конвенции, которые используют топовые портфолио — чтобы вы могли перейти от беспорядочных заметок к читаемому, «найм-готовому» кейсу за один проход.
Подходит для:
- Продуктовых дизайнеров, собирающих портфолио
- UX-дизайнеров, готовящих разборы кейсов для интервью
- Лидов дизайна, документирующих работу для внутренних витрин
- Фрилансеров, пишущих резюме проектов для клиентов
Что внутри
| Файл | Назначение |
|---|---|
SKILL.md | Определение скилла, которое загружает Claude — структура, советы по написанию, лучшие практики |
PROJECT-TEMPLATE.md | Шаблон с заполняемыми полями для одного кейса |
design-portfolio-guide.md | Расширенное руководство по сборке портфолио из кейсов |
slide-template.md | Макет презентационной колоды для живого разбора кейса |
tone-guide.md | Конвенции голоса и тона — от первого лица, конкретно, с цифрами |
references.md | Ссылки на источники и примеры |
Структура кейса
Каждый кейс, созданный этим скиллом, следует шестичастной дуге:
- Обзор — роль, сроки, ключевая метрика-хук
- Задача — бизнес-контекст, боль пользователя, ограничения
- Процесс — исследование, генерация идей, ключевые решения, итерации
- Решение — разбор финального дизайна и его обоснование
- Результат — количественные и качественные итоги
- Рефлексия — выводы и что вы сделали бы иначе
Форматы подачи
Шестичастная дуга выше — надёжная база, но не каждый проект вписывается в одну форму. Смелый редизайн читается иначе, чем тихое юзабилити-исправление; разбор на интервью звучит иначе, чем пост в блоге. Скилл умеет переструктурировать один и тот же исходный материал в любой нарративный формат, который лучше всего подходит вашей аудитории:
| Формат | Лучше всего для | Форма |
|---|---|---|
| STAR (Situation, Task, Action, Result) | Подготовка к интервью, скан рекрутером | Сжато, с акцентом на результат, четыре чётких блока |
| Hero's Journey | Лонгриды в портфолио | Статус-кво → зов к приключению → испытания → трансформация |
| Problem → Solution → Impact | Портфолио продуктового дизайна | Трёхактная, с бизнес-акцентом |
| Before / After / Bridge | Проекты редизайна и миграции | Состояние боли → желаемое состояние → как вы перешли |
| Pyramid Principle | Отчёты для руководства, executive-портфолио | Сначала ответ, затем доказательства, затем детали |
| Pixar «Once upon a time…» | Сторителлинг-ориентированные колоды | Однажды / каждый день / в один день / из-за этого / пока наконец |
| Three-Act Structure | Конференц-доклады, живые разборы | Завязка → конфликт → развязка |
| Jobs-to-be-Done narrative | Стратегически-ориентированные портфолио | Когда… я хочу… чтобы я мог… |
| Decision Log | Системная и платформенная работа | Хронологическая цепочка ключевых решений и их компромиссов |
Просто скажите скиллу, какой формат вы хотите:
Use the case-study skill to write my checkout redesign as a Before/After/Bridge story
/case-study — format it as STAR for an interview loop
Скилл сохранит ваши факты, роль и метрики, при этом перестроит дугу, заголовки и темп под выбранный формат.
Установка
Вариант 1: Положить в папку скиллов Claude
git clone https://github.com/SonwaneyY/Portfolio-Case-Study.git ~/.claude/skills/case-studyНа Windows:
git clone https://github.com/SonwaneyY/Portfolio-Case-Study.git "$env:USERPROFILE\.claude\skills\case-study"Claude Code автоматически обнаружит скилл при следующем запуске.
Вариант 2: Использовать как отдельный шаблон
Клонируйте репозиторий в любое место и скопируйте PROJECT-TEMPLATE.md в папку вашего портфолио-проекта. Заполните вручную или передайте любому LLM, используя SKILL.md как системный промпт.
Использование
После установки как Claude Code скилл, просто попросите:
Use the case-study skill
Или вызовите напрямую:
/case-study
Что происходит дальше
Скилл запускает структурированный сбор данных перед написанием. Он задаст вам 7 вопросов в одном сообщении:
- Проект в одном предложении
- Тип проекта (потребительское приложение, B2B, редизайн, дизайн-система, 0→1 и т.д.)
- Ваша роль и команда
- Аудитория (скан рекрутером, интервью-петля, сайт-портфолио, отчёт для руководства, конференц-доклад, пост в блоге)
- Формат подачи — выберите один из 9 форматов выше, или скажите «не уверен», и скилл порекомендует формат исходя из типа проекта и аудитории
- Ваш хук (самый впечатляющий результат)
- Имеющийся материал (заметки, ссылки на Figma, метрики, цитаты, транскрипты)
Только после ваших ответов скилл начинает писать. Результат следует специфическим для формата блокам и темпу, сохраняет ваши факты и метрики (числа не выдумываются) и в конце предлагает сократить, расширить, переформатировать под конкретную площадку или создать второй вариант в другом формате для сравнения.
Если вы уже дали скиллу часть этого контекста в первом сообщении, он пропустит соответствующие вопросы и спросит только об остальном.
Принципы написания, которые соблюдает скилл
- Первое лицо для ваших вкладов — будьте конкретны в разграничении вашей роли и роли команды
- Начинайте с самого впечатляющего результата — хук завоёвывает внимание
- Показывайте процесс, не документируйте каждый шаг — выделяйте моменты инсайта и развороты
- Квантифицируйте результат везде, где возможно
- Редактируйте безжалостно — короче значит лучше
Участие в разработке
Issues и PR приветствуются. Если вы выпустили портфолио с помощью этого скилла — поделитесь ссылкой в issues, это вдохновляет.