πŸ—ΊοΈ
FrontendMarkdown

Empathy Map

by Owl-Listener

Empathy Map is a Frontend skill for Claude Code, published by Owl-Listener in designer-skills.

2.1K stars335 forkson Owl-Listener/designer-skillsAdded 2026/08/18+2% in starsRepository updated 2026/08/08
agenticagentic-aiaiai-toolsclaude-codedesign-systemdesign-systemsprompt-engineeringskillsux-design
Install in seconds
Install Empathy Map
Copy Empathy Map into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/Owl-Listener/designer-skills/tree/main/design-research/skills/empathy-map ~/.claude/skills/empathy-map

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Owl-Listener/designer-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
design-research/skills/empathy-map/SKILL.md in Owl-Listener/designer-skills
Installs to
~/.claude/skills/empathy-map
Collection
One of 25 skills cataloged from this repository
Category
Frontend β€” 567 skills

What Empathy Map does

Empathy Map builds a Says, Thinks, Does, Feels map for one user or segment, used to share user understanding quickly. It helps align teams around synthesized user research and identify goals, pain points, and design insights.

Empathy Map is cataloged under Frontend on DirSkills. Empathy Map comes from a repository tagged agentic, agentic-ai, ai, ai-tools and claude-code.

Documentation

README

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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Empathy Map

  • What else does Owl-Listener publish alongside Empathy Map?

    Empathy Map is one of 25 skills that DirSkills catalogs from Owl-Listener/designer-skills, the repository it ships in. Its siblings there include Accessibility Audit, Affinity Diagram and Card Sort Analysis. Each one is a separate skill with its own page in this directory, installs the same way Empathy Map does, and is maintained by Owl-Listener in that same repository. The rest of the collection is listed on the Owl-Listener/designer-skills page.

  • How does Empathy Map compare to other Frontend skills?

    Empathy Map ranks #244 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Empathy Map against them. Open each page to compare what they document and how they install.

More from Owl-Listener/designer-skills

Empathy Map is one of 25 skills cataloged on DirSkills from Owl-Listener/designer-skills.

See all 25 skills β†’
β™Ώ
2w ago

Accessibility Audit

Accessibility Audit examines an existing interface against WCAG criteria, identifies barriers, and provides severity-rated findings with remediation steps. Use it when you have a design or build to assess now, not for planning future assistive-technology testing sessions.
Quality
2.1K335
πŸ—‚οΈ
2w ago

Affinity Diagram

Affinity Diagram clusters qualitative data points into themes and insight statements. Use it when synthesising across multiple sessions or sources to create a structured hierarchy with supporting evidence.
Data
2.1K335
πŸ—‚οΈ
2w ago

Card Sort Analysis

Card Sort Analysis analyzes open or closed card sort results into a proposed grouping and label set. Use it after running a sort study to inform navigation and content organization.
Frontend
2.1K335
🧩
2w ago

Component Spec

Component Spec specifies one component's props, states, variants, accessibility, and usage rules. Use when defining a library component.
Frontend
2.1K335
πŸ’¬
2w ago

Design Critique

Design Critique facilitates structured team critique sessions, guiding framing, feedback rules, and actionable outcomes. Use it when running a session with people in the room to keep feedback constructive and aligned.
Frontend
2.1K335
πŸ”
2w ago

Design Debt Audit

Design Debt Audit inventories and prioritizes accumulated design inconsistencies across a product so teams can plan remediation. Use it before redesigns or when UI drift, accessibility gaps, and structural debt have built up.
Frontend
2.1K335