MCPInstall

ux-researcher-designer

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use when conducting user research, creating personas, mapping user journeys, planning usability tests, or validating designs.

Installs
965
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/alirezarezvani/claude-skills --skill ux-researcher-designer
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads ux-researcher-designer automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

UX Researcher & Designer

Generate user personas from research data, create journey maps, plan usability tests, and synthesize research findings into actionable design recommendations.


Table of Contents


Trigger Terms

Use this skill when you need to:

  • "create user persona"
  • "generate persona from data"
  • "build customer journey map"
  • "map user journey"
  • "plan usability test"
  • "design usability study"
  • "analyze user research"
  • "synthesize interview findings"
  • "identify user pain points"
  • "define user archetypes"
  • "calculate research sample size"
  • "create empathy map"
  • "identify user needs"

Workflows

Workflow 1: Generate User Persona

Situation: You have user data (analytics, surveys, interviews) and need to create a research-backed persona.

Steps:

  1. Prepare user data

    Required format (JSON):

    [
      {
        "user_id": "user_1",
        "age": 32,
        "usage_frequency": "daily",
        "features_used": ["dashboard", "reports", "export"],
        "primary_device": "desktop",
        "usage_context": "work",
        "tech_proficiency": 7,
        "pain_points": ["slow loading", "confusing UI"]
      }
    ]
    
  2. Run persona generator

    # Human-readable output
    python scripts/persona_generator.py
    
    # JSON output for integration
    python scripts/persona_generator.py json
    
  3. Review generated components

    ComponentWhat to Check
    ArchetypeDoes it match the data patterns?
    DemographicsAre they derived from actual data?
    GoalsAre they specific and actionable?
    FrustrationsDo they include frequency counts?
    Design implicationsCan designers act on these?
  4. Validate persona

    • Show to 3-5 real users: "Does this sound like you?"
    • Cross-check with support tickets
    • Verify against analytics data
  5. Reference: See references/persona-methodology.md for validity criteria


Workflow 2: Create Journey Map

Situation: You need to visualize the end-to-end user experience for a specific goal.

Steps:

  1. Define scope

    ElementDescription
    PersonaWhich user type
    GoalWhat they're trying to achieve
    StartTrigger that begins journey
    EndSuccess criteria
    TimeframeHours/days/weeks
  2. Gather journey data

    Sources:

    • User interviews (ask "walk me through...")
    • Session recordings
    • Analytics (funnel, drop-offs)
    • Support tickets
  3. Map the stages

    Typical B2B SaaS stages:

    Awareness → Evaluation → Onboarding → Adoption → Advocacy
    
  4. Fill in layers for each stage

    Stage: [Name]
    ├── Actions: What does user do?
    ├── Touchpoints: Where do they interact?
    ├── Emotions: How do they feel? (1-5)
    ├── Pain Points: What frustrates them?
    └── Opportunities: Where can we improve?
    
  5. Identify opportunities

    Priority Score = Frequency × Severity × Solvability

  6. Reference: See references/journey-mapping-guide.md for templates


Workflow 3: Plan Usability Test

Situation: You need to validate a design with real users.

Steps:

  1. Define research questions

    Transform vague goals into testable questions:

    VagueTestable
    "Is it easy to use?""Can users complete checkout in <3 min?"
    "Do users like it?""Will users choose Design A or B?"
    "Does it make sense?""Can users find settings without hints?"
  2. Select method

    MethodParticipantsDurationBest For
    Moderated remote5-845-60 minDeep insights
    Unmoderated remote10-2015-20 minQuick validation
    Guerrilla3-55-10 minRapid feedback
  3. Design tasks

    Good task format:

    SCENARIO: "Imagine you're planning a trip to Paris..."
    GOAL: "Book a hotel for 3 nights in your budget."
    SUCCESS: "You see the confirmation page."
    

    Task progression: Warm-up → Core → Secondary → Edge case → Free exploration

  4. Define success metrics

    MetricTarget
    Completion rate>80%
    Time on task<2× expected
    Error rate<15%
    Satisfaction>4/5
  5. Prepare moderator guide

    • Think-aloud instructions
    • Non-leading prompts
    • Post-task questions
  6. Reference: See references/usability-testing-frameworks.md for full guide


Workflow 4: Synthesize Research

Situation: You have raw research data (interviews, surveys, observations) and need actionable insights.

Steps:

  1. Code the data

    Tag each data point:

    • [GOAL] - What they want to achieve
    • [PAIN] - What frustrates them
    • [BEHAVIOR] - What they actually do
    • [CONTEXT] - When/where they use product
    • [QUOTE] - Direct user words
  2. Cluster similar patterns

    User A: Uses daily, advanced features, shortcuts
    User B: Uses daily, complex workflows, automation
    User C: Uses weekly, basic needs, occasional
    
    Cluster 1: A, B (Power Users)
    Cluster 2: C (Casual User)
    
  3. Calculate segment sizes

    ClusterUsers%Viability
    Power Users1836%Primary persona
    Business Users1530%Primary persona
    Casual Users1224%Secondary persona
  4. Extract key findings

    For each theme:

    • Finding statement
    • Supporting evidence (quotes, data)
    • Frequency (X/Y participants)
    • Business impact
    • Recommendation
  5. Prioritize opportunities

    FactorScore 1-5
    FrequencyHow often does this occur?
    SeverityHow much does it hurt?
    BreadthHow many users affected?
    SolvabilityCan we fix this?
  6. Reference: See references/persona-methodology.md for analysis framework


Tool Reference

persona_generator.py

Generates data-driven personas from user research data.

ArgumentValuesDefaultDescription
format(none), json(none)Output format

Sample Output:

============================================================
PERSONA: Alex the Power User
============================================================

📝 A daily user who primarily uses the product for work purposes

Archetype: Power User
Quote: "I need tools that can keep up with my workflow"

👤 Demographics:
  • Age Range: 25-34
  • Location Type: Urban
  • Tech Proficiency: Advanced

🎯 Goals & Needs:
  • Complete tasks efficiently
  • Automate workflows
  • Access advanced features

😤 Frustrations:
  • Slow loading times (14/20 users)
  • No keyboard shortcuts
  • Limited API access

💡 Design Implications:
  → Optimize for speed and efficiency
  → Provide keyboard shortcuts and power features
  → Expose API and automation capabilities

📈 Data: Based on 45 users
    Confidence: High

Archetypes Generated:

ArchetypeSignalsDesign Focus
power_userDaily use, 10+ featuresEfficiency, customization
casual_userWeekly use, 3-5 featuresSimplicity, guidance
business_userWork context, team useCollaboration, reporting
mobile_firstMobile primaryTouch, offline, speed

Output Components:

ComponentDescription
demographicsAge range, location, occupation, tech level
psychographicsMotivations, values, attitudes, lifestyle
behaviorsUsage patterns, feature preferences
needs_and_goalsPrimary, secondary, functional, emotional
frustrationsPain points with evidence
scenariosContextual usage stories
design_implicationsActionable recommendations
data_pointsSample size, confidence level

Quick Reference Tables

Research Method Selection

Question TypeBest MethodSample Size
"What do users do?"Analytics, observation100+ events
"Why do they do it?"Interviews8-15 users
"How well can they do it?"Usability test5-8 users
"What do they prefer?"Survey, A/B test50+ users
"What do they feel?"Diary study, interviews10-15 users

Persona Confidence Levels

Sample SizeConfidenceUse Case
5-10 usersLowExploratory
11-30 usersMediumDirectional
31+ usersHighProduction

Usability Issue Severity

SeverityDefinitionAction
4 - CriticalPrevents task completionFix immediately
3 - MajorSignificant difficultyFix before release
2 - MinorCauses hesitationFix when possible
1 - CosmeticNoticed but not problematicLow priority

Interview Question Types

TypeExampleUse For
Context"Walk me through your typical day"Understanding environment
Behavior"Show me how you do X"Observing actual actions
Goals"What are you trying to achieve?"Uncovering motivations
Pain"What's the hardest part?"Identifying frustrations
Reflection"What would you change?"Generating ideas

Knowledge Base

Detailed reference guides in references/:

FileContent
persona-methodology.mdValidity criteria, data collection, analysis framework
journey-mapping-guide.mdMapping process, templates, opportunity identification
example-personas.md3 complete persona examples with data
usability-testing-frameworks.mdTest planning, task design, analysis

Validation Checklist

Persona Quality

  • Based on 20+ users (minimum)
  • At least 2 data sources (quant + qual)
  • Specific, actionable goals
  • Frustrations include frequency counts
  • Design implications are specific
  • Confidence level stated

Journey Map Quality

  • Scope clearly defined (persona, goal, timeframe)
  • Based on real user data, not assumptions
  • All layers filled (actions, touchpoints, emotions)
  • Pain points identified per stage
  • Opportunities prioritized

Usability Test Quality

  • Research questions are testable
  • Tasks are realistic scenarios, not instructions
  • 5+ participants per design
  • Success metrics defined
  • Findings include severity ratings

Research Synthesis Quality

  • Data coded consistently
  • Patterns based on 3+ data points
  • Findings include evidence
  • Recommendations are actionable
  • Priorities justified

Related Skills

  • UI Design System (product-team/ui-design-system/) — Research findings inform design system decisions
  • Product Manager Toolkit (product-team/product-manager-toolkit/) — Customer interview analysis complements persona research

FAQ

What does the ux-researcher-designer skill do?

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use when conducting user research, creating personas, mapping user journeys, planning usability tests, or validating designs.

How do I install ux-researcher-designer?

Run npx skills add https://github.com/alirezarezvani/claude-skills --skill ux-researcher-designer in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/ux-researcher-designer/ (personal) or .claude/skills/ux-researcher-designer/ (project).

Which AI agents can use ux-researcher-designer?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is ux-researcher-designer safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains ux-researcher-designer?

It is published by alirezarezvani in alirezarezvani/claude-skills. It has 965 recorded installs.

More from alirezarezvani/claude-skills

View all →

engineering-skills

alirezarezvani/claude-skills

Index of the engineering-team skills bundle for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools. Architecture, frontend, backend, QA, DevOps, security, AI/ML, data engineering, Playwright, Stripe, AWS, MS365 (stdlib-only Python tools). Use when browsing or choosing among engineering-team role skills — load only the one specialist SKILL.md you need, never bulk-load the bundle.

Backend & APIs2.4K installs

finance-skills

alirezarezvani/claude-skills

Router/index for the finance skills bundled in this plugin: financial-analyst (ratio analysis, DCF valuation, budget variance, rolling forecasts), saas-metrics-coach (ARR/MRR, churn, CAC/LTV, NRR, quick ratio) and month-end-close (close calendar, reconciliations, flux review). Use when a finance request doesn't obviously match one skill and you need to pick the right one (e.g., 'analyze these financials', 'how healthy are my SaaS metrics').

Business & Finance2.3K installs

marketing-skills

alirezarezvani/claude-skills

Directory and router for the marketing skills library. Use when you need to find the right marketing skill for a task, see what marketing capabilities exist, or get oriented in this plugin. 44 specialist skills across 8 pods (content, SEO + AEO, CRO, channels, growth, intelligence, sales enablement, ops), 59 stdlib Python tools. Routes to one skill — it does not execute marketing work itself.

Marketing & SEO2.3K installs

business-growth-skills

alirezarezvani/claude-skills

Router/index for the 4 business & growth skills bundled in this plugin: customer-success-manager (health scoring, churn risk, expansion), sales-engineer (RFP analysis, competitive matrices, PoC planning), revenue-operations (pipeline, forecast accuracy, GTM efficiency), and contract-and-proposal-writer. Use when a growth/revenue request doesn't obviously match one skill and you need to pick the right one (e.g., 'which accounts are at risk', 'should we bid on this RFP').

Business & Finance2.2K installs

engineering-advanced-skills

alirezarezvani/claude-skills

Index of 37 advanced engineering agent skills for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw. Use when browsing or choosing among the POWERFUL-tier engineering skills: agent design, RAG, MCP servers, CI/CD, database design, observability, security auditing, changelog/release automation, reliability (SLO/chaos/flags/operators), platform ops.

AI & Agents2K installs

product-skills

alirezarezvani/claude-skills

Use when coordinating product work across the 12 bundled product sub-skills (RICE, OKRs, UX research, design tokens, competitive teardown, analytics, experiments, discovery, roadmaps, spec-to-repo, landing pages, SaaS scaffolding) or the 4 standalone product-team plugins (user stories, Apple HIG, code-to-PRD, research summarizer). Triggers on 'help me prioritize', 'plan a product experiment', 'we ship features nobody uses', 'run the discovery loop', 'is our OST sound'. Forks context to route to one sub-skill via a deterministic signal router and returns a digest; can also drive a continuous-discovery loop (Torres cadence tracker + OST linter as machine gates) or a full goal→plan→execute→verify→close run through the repo-wide agent-harness. Distinct from project-management (how to deliver vs what to build), marketing/landing (from-scratch pages), and engineering/agent-harness (the generic loop engine this orchestrator plugs into).

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs