storyboard — скилл для Claude Code: шесть кадров истории пользователя
Скилл собирает раскадровку из шести кадров: путь человека от проблемы к решению. Пригодится перед защитой концепта или демо.
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-codeЧто делает storyboard
Скилл ведёт агента по классической драматургической дуге и раскладывает её на шесть кадров: герой, появление проблемы, момент обострения, приход решения, прозрение и жизнь после. На выходе — текстовое описание каждого кадра, а не макет интерфейса. Раскадровка нужна, чтобы абстрактную идею можно было обсуждать и оспаривать до того, как что-то построено.
Работа идёт в три шага. Сначала агент собирает контекст: кто герой, в чём его трудность, что за решение и каким должен быть результат. Потом задаёт семь вопросов по одному — про персонажа, проблему, момент обострения, знакомство с решением, прозрение, состояние после и стиль отрисовки. Затем пишет нарратив по кадрам. Если контекст уже передан в вызове скилла, вопросы по нему не повторяются.
Скилл не заменяет исследование пользователей: он иллюстрирует то, что уже известно. Персонажей и проблемы он не выдумывает — без готового контекста сначала придётся провести разведку. Для технических деталей реализации он тоже не подходит, там нужны схемы архитектуры.
Какие задачи решает
- собрать историю пользователя в шесть кадров для защиты концепта
- объяснить команде ценность фичи без готового прототипа
- проверить, цепляет ли идея эмоционально, до начала разработки
- показать путь от проблемы к решению на встрече со стейкхолдерами
- превратить расплывчатое описание продукта в конкретные сцены
Примеры запросов агенту
- Собери раскадровку: перегруженный фармацевт находит нашу очередь автопополнения и успевает закрыть смену вовремя — для защиты концепта на следующей неделе
- Сделай шесть кадров истории пользователя для новой функции
- Команда не может договориться об опыте — покажи путь по кадрам
Как установить storyboard
1Через Skills CLI (Vercel)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code2Вручную: положить файлы
~/.claude/skills/storyboard/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/storyboard/
1Через Skills CLI (Vercel)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a codex2Вручную: положить файлы
.agents/skills/storyboard/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a cursor2Вручную: положить файлы
.cursor/skills/storyboard/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install deanpeters/Product-Manager-Skills storyboard2Вручную: положить файлы
.github/skills/storyboard/SKILL.md1Через Skills CLI (Vercel)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a gemini-cli2Командой платформы
gemini skills install https://github.com/deanpeters/Product-Manager-Skills --path skills/storyboardВручную: положить файлы
.devin/skills/storyboard/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора69
Похожие
Рядом в теме «Заметки, задачи и проекты»
Всё по теме «Заметки, задачи и проекты» →Вопросы о storyboard
Как установить storyboard в Claude Code?
Выполните npx skills add deanpeters/Product-Manager-Skills --skill storyboard -a claude-code. Файл скилла окажется по пути ~/.claude/skills/storyboard/SKILL.md.
Что делает storyboard?
Строит текстовую раскадровку из шести кадров: герой, проблема, её обострение, появление решения, прозрение и улучшенное состояние. Формат опирается на классическую драматургическую дугу.
Чем storyboard отличается от макета интерфейса?
Это инструмент рассказа, а не проектирования экранов. Он показывает эмоциональную сторону продукта и годится для согласования идей, а не для описания технической реализации.
