К основному содержанию
скилл CX Codex

empathy-map — скилл для Claude Code: карта эмпатии по четырём

Собирает карту эмпатии Says, Thinks, Does, Feels для одного пользователя или сегмента, чтобы команда быстро увидела общую картину.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill empathy-map -a claude-code
Открыть на GitHub

Что делает empathy-map

Скилл ведёт агента по шагам UX-исследователя: сначала уточняет, о ком карта, потом раскладывает материал по квадрантам. В «Says» попадают прямые цитаты из интервью, в «Thinks» — убеждения и тревоги, выведенные из поведения, в «Does» — наблюдаемые действия и обходные пути, в «Feels» — эмоции и мотивация. Дальше агент формулирует цели, боли и выводы для дизайна, а в конце отмечает, чего в данных не хватает.

Если дать файлы — транскрипты интервью, заметки наблюдений, выгрузку опроса — скилл прочитает их первым делом. Карта строится на реальных данных, а не на догадках: без исходников агент будет опираться на то, что вы описали словами, и квадранты выйдут тощими. Это повод сначала собрать материал.

Скилл не заменяет user-persona — тот собирает составной архетип с целями и поведением. Для тем, которые повторяются от сессии к сессии, есть affinity-diagram. Ставится одной командой через npx skills add, лицензия MIT.

Какие задачи решает

  • разложить транскрипты интервью по квадрантам Says, Thinks, Does, Feels
  • показать команде, что пользователи говорят и что делают на самом деле
  • вытащить боли и барьеры из заметок наблюдений
  • сформулировать выводы для дизайна из сырых данных исследования
  • отметить пробелы в исследовании перед следующей сессией

Примеры запросов агенту

  • Построй empathy map для новых пользователей по этим транскриптам интервью
  • Сделай карту эмпатии для сегмента «владельцы малого бизнеса», файлы в папке research/
  • Собери Says, Thinks, Does, Feels по заметкам наблюдений и назови пробелы

Как установить empathy-map

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill empathy-map -a claude-code

2Вручную: положить файлы

~/.claude/skills/empathy-map/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/empathy-map/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора109

pattern-library Скилл оформляет повторяющиеся UX-решения как записи паттернов: от проблемы и решения до примеров, доступности и связанных паттернов. CX Codex +1 2 100установок affinity-diagram Скилл собирает наблюдения и цитаты из интервью в тематические кластеры и формулирует инсайты. Пригодится, когда данных много и нужно свести их воедино. CX Codex +1 2 100установок documentation-template Создаёт готовые каркасы документации для компонентов, паттернов и базовых правил дизайн-системы. Пригодится, когда нужно привести описание интерфейсных элементов к единому стандарту. CX Codex +1 2 100установок naming-convention Задаёт единые правила именования компонентов, токенов и слоёв, чтобы имена в проекте не расходились от файла к файлу. CX Codex +1 2 100установок handoff-spec Оформляет спецификацию передачи дизайна в разработку: отступы, токены, состояния экранов и граничные случаи. Пригодится, когда макет отдают фронтендерам. CX Codex +1 2 100установок experience-map Скилл строит карту всех точек контакта, каналов и связей сервиса. Пригодится, когда опыт пользователя размазан по нескольким продуктам. CX Codex +1 2 100установок user-persona Скилл формирует 2–4 персоны пользователей на базе транскриптов интервью, опросов или аналитики. Помогает согласовать дизайн-решения с реальным поведением аудитории. CX Codex +1 2 100установок gesture-patterns Проектирует жесты для сенсорного и указательного ввода: свайпы, перетаскивание и долгое нажатие. Нужен при создании интерфейсов с жестовым управлением. CX Codex +1 2 100установок

Похожие

customer-journey-map phuryn Строит карту пути клиента от первого знакомства до рекомендации: этапы, точки контакта, эмоции, проблемы и идеи улучшений. Пригодится для анализа опыта и онбординга. CX Codex +1 3 100установок ux-researcher VoltAgent Community Субагент помогает планировать UX-исследования, разбирать поведение пользователей и формулировать рекомендации для дизайна. Подойдёт, когда нужно проверить решение или выяснить потребности аудитории. 703установок ux-principles manutej Подключает к агенту эвристики юзабилити, методы юзер-ресёрча и проверки доступности, чтобы интерфейсы проектировались по правилам, а не на глаз. CX Codex +1 836установок ux-research-discovery-testing hueyexe Помогает агенту планировать интервью, юзабилити-тесты и синтез находок, чтобы решения по продукту опирались на поведение пользователей, а не на догадки. CX Codex +1 468установок investigate ghaida Ведёт исследование от плана до выводов: гайды для интервью, опросы, юзабилити-тесты, дневники и синтез находок. CX Codex +1 2 700установок om-synthetic-users open-mercato Формирует синтетических пользователей на основе заметок и спек, проводит интервью и тестирует сценарии продукта под давлением ограничений. CX Codex +1 1 600установок

Вопросы о empathy-map

Как установить empathy-map в Claude?

Выполните npx skills add Owl-Listener/designer-skills --skill empathy-map -a claude-code. Скилл окажется в ~/.claude/skills/empathy-map/SKILL.md.

Что делает empathy-map?

Строит карту эмпатии для одного пользователя или сегмента: цитаты, убеждения, действия, эмоции, плюс цели и боли. В конце выделяет выводы для дизайна и пробелы в данных.

Чем empathy-map отличается от user-persona?

Карта эмпатии описывает одного пользователя или сегмент по четырём квадрантам. Для составного архетипа с целями и поведением нужен user-persona, а для повторяющихся между сессиями тем — affinity-diagram.

Исходный текст

SKILL.md · MIT
---
name: empathy-map
description: Build a Says, Thinks, Does, Feels map for one user or segment. Use when sharing user understanding quickly. For a composite archetype with goals and behaviours use `user-persona`; for cross-session themes use `affinity-diagram`.
---

# Empathy Map

Build an empathy map to synthesize user research and align the team around user understanding.

## Context

You are a senior UX researcher helping a design team build an empathy map for $ARGUMENTS. If the user provides files (interview transcripts, observation notes, survey data), read them first.

## Domain Context

- Empathy Maps (Dave Gray, XPLANE): A collaborative tool to externalize what we know about a user type.
- Four quadrants: Says (direct quotes), Thinks (inferred beliefs), Does (observed actions), Feels (emotional states).
- Also capture Goals (what they want to achieve) and Pain Points (barriers and frustrations).
- Best created from actual research data, not assumptions.

## Instructions

The user will describe their user type and available research data. Work through these steps:

1. **Clarify the user**: Confirm who this empathy map is for (persona, segment, or user type).
2. **Map each quadrant**:
  - **Says**: Direct quotes and statements from research (use actual quotes where available)
  - **Thinks**: Beliefs, concerns, and thoughts inferred from behavior and context
  - **Does**: Observable actions, behaviors, and workarounds
  - **Feels**: Emotional states, anxieties, and motivations
3. **Identify goals**: What is this user trying to achieve?
4. **Identify pain points**: What barriers, frustrations, or unmet needs exist?
5. **Extract insights**: What design implications emerge from this empathy map?
6. **Note gaps**: What do we still need to learn?
7. Think step by step. Present the empathy map in a clear, visual-friendly format.

## Further Reading

- Gamestorming — Dave Gray
- Lean UX — Jeff Gothelf and Josh Seiden

© Owl-Listener · MIT · Owl-Listener/designer-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой