Skip to content
ux-researcher-designer logo

UX Researcher & Designer

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 for user research, persona creation, journey mapping, and design validation.

mattnigh/skills_collection0installs24stars

SKILL.md

Full skill instructions

UX Researcher & Designer

Comprehensive toolkit for user-centered research and experience design with data-driven approaches.

Overview

This skill provides professional UX research and design capabilities including persona generation from real user data, customer journey mapping, usability testing frameworks, and research synthesis methods.

When to Use This Skill

  • Creating data-driven user personas
  • Analyzing user behavior patterns and insights
  • Mapping customer journeys and touchpoints
  • Conducting usability research and validation
  • Synthesizing research data into actionable insights
  • Generating design implications from user data

Core Capabilities

1. Data-Driven Persona Generation

Create research-backed personas from quantitative and qualitative user data:

  • Analyze user behavior patterns from analytics
  • Identify persona archetypes automatically
  • Extract psychographics (motivations, values, attitudes)
  • Generate realistic usage scenarios
  • Provide confidence scoring based on sample size
  • Derive design implications from persona data

2. Persona Archetypes

Built-in archetype templates for common user types:

  • Power User: Tech-savvy, frequent user, efficiency-focused
  • Casual User: Occasional user, values simplicity and ease-of-use
  • Business User: ROI-focused, team collaboration oriented
  • Mobile First: Primarily mobile usage, on-the-go access

3. Customer Journey Mapping

Map complete user journeys with:

  • Touchpoint identification
  • Pain point analysis
  • Opportunity discovery
  • Emotion mapping across journey stages

4. Usability Testing Frameworks

Structured approaches for:

  • Test plan creation
  • Success metrics definition
  • User task scenarios
  • Observation frameworks

5. Research Synthesis

Transform raw research into insights:

  • Pattern identification across users
  • Theme extraction from interviews
  • Quantitative and qualitative data integration
  • Actionable design recommendations

Available Tools

Python Script: persona_generator.py

Location: scripts/​persona_generator.py

Purpose: Generate comprehensive, data-driven user personas from user data and optional interview insights.

Usage:

# JSON output
python scripts/​persona_generator.py json

# Human-readable output
python scripts/​persona_generator.py

Features:

  • Analyzes usage frequency, feature usage, device patterns
  • Identifies persona archetype based on behavior patterns
  • Aggregates demographics (age, location, tech proficiency)
  • Extracts psychographics (motivations, values, lifestyle)
  • Generates usage scenarios with context and pain points
  • Calculates confidence level based on sample size
  • Provides design implications for each persona

Input Data Structure:

user_data = [
    {
        'user_id': 'user_1',
        'age': 28,
        'usage_frequency': 'daily',  # daily, weekly, monthly
        'features_used': ['dashboard', 'reports', 'settings'],
        'primary_device': 'desktop',  # desktop, mobile, tablet
        'usage_context': 'work',  # work, personal
        'tech_proficiency': 7,  # 1-10 scale
        'pain_points': ['slow loading', 'confusing UI']
    }
    # ... more users
]

Output Includes:

  • Persona name and archetype
  • Demographics and psychographics
  • Goals, needs, and frustrations
  • Behavior patterns and feature preferences
  • Usage scenarios with pain points
  • Design implications
  • Data confidence metrics

TypeScript Script: persona-generator.ts

Location: scripts/​persona-generator.ts

Purpose: Same functionality as Python version, integrated with Node.js/​TypeScript ecosystem.

Usage:

# JSON output
ts-node scripts/​persona-generator.ts --format=json

# Pretty output
ts-node scripts/​persona-generator.ts

TypeScript Advantages:

  • Type-safe data structures
  • Better IDE integration
  • Easy integration with existing Node.js projects
  • Modern async/​await patterns

Design Implications Framework

Each generated persona includes specific design implications based on their characteristics:

For High-Frequency Users:

  • Optimize for speed and efficiency
  • Provide keyboard shortcuts and power features
  • Minimize friction in common workflows

For Casual Users:

  • Focus on discoverability and clear guidance
  • Simplify onboarding experience
  • Reduce cognitive load

For Mobile Users:

  • Mobile-first responsive design
  • Touch-optimized interactions
  • Offline capability considerations

For Business Users:

  • Professional visual design
  • Enterprise features (SSO, audit logs, team management)
  • Integration with business tools

Best Practices

Data Collection

  1. Minimum Sample Size: 20+ users for Medium confidence, 50+ for High confidence
  2. Mix Methods: Combine quantitative analytics with qualitative interviews
  3. Regular Updates: Refresh personas quarterly or after major product changes
  4. Validation: Test personas against real user behavior continuously

Persona Usage

  1. Share Widely: Make personas accessible to entire product team
  2. Reference Often: Use in feature discussions and design reviews
  3. Update Regularly: Keep personas current as user base evolves
  4. Measure Impact: Track how persona-driven decisions affect metrics

Research Synthesis

  1. Document Everything: Keep detailed notes from all research activities
  2. Look for Patterns: Identify recurring themes across multiple users
  3. Prioritize Insights: Focus on actionable findings with high impact
  4. Validate Assumptions: Test hypotheses with additional research

Context Levels

Level 1 - Minimal (Always Loaded)

  • Core UX research principles
  • Persona archetype definitions
  • Basic usage patterns

Level 2 - Detailed (Load on Request)

  • Complete persona generation methodology
  • Journey mapping frameworks
  • Usability testing templates
  • Research synthesis techniques

Level 3 - Full (Scripts and Examples)

  • Working Python and TypeScript scripts
  • Sample data structures
  • Complete persona examples
  • Integration code samples

Integration with Other Skills

Works well with:

  • ui-design-system: Use personas to inform design token decisions
  • frontend-specialist: Apply persona insights to component design
  • testing-fundamentals: Create test scenarios based on persona behaviors
  • accessibility-specialist: Ensure designs work for all persona types

References

UX Research Methods:

  • Nielsen Norman Group UX Research Guidelines
  • IDEO Human-Centered Design Toolkit
  • Google Design Sprint Methodology

Persona Creation:

  • Alan Cooper's "The Inmates Are Running the Asylum"
  • Data-Driven Personas (Jansen et al.)
  • Jobs To Be Done Framework

Journey Mapping:

  • Adaptive Path's Guide to Experience Mapping
  • Service Design Toolkit

Version History

v1.0.0 - Initial release

  • Data-driven persona generation
  • Python and TypeScript implementations
  • 4 persona archetype templates
  • Design implications framework
  • Confidence scoring system

Maintained by: Primadata Enhanced Toolkit Source: Based on claude-skills repository by Alireza Rezvani Last Updated: November 2025

More skills from mattnigh

spring-framework-patterns logo
mattnigh/skills_collection

spring-framework-patterns

Comprehensive Spring Framework and Spring Boot best practices including dependency injection patterns, bean lifecycle and scopes, REST API development, Spring Data JPA, service layer design, Spring Security, testing strategies, caching, AOP, async processing, error handling, and common anti-patte...

24 0
View

TypeScript厳格モードによる型安全性設計を専門とするスキル。 📖 参照書籍: - 『Effective TypeScript』(Dan Vanderkam): 型設計 📚 リソース参照: - `resources/Level1_basics.md`: レベル1の基礎ガイド - `resources/Level2_intermediate.md`: レベル2の実務ガイド - `resources/Level3_advanced.md`: レベル3の応用ガイド - `resources/Level4_expert.md`: レベル4の専門ガイド - `resources/di...

24 0
View
deploying-cloud-k8s logo
mattnigh/skills_collection

deploying-cloud-k8s

Deploys applications to cloud Kubernetes (AKS/GKE/DOKS) with CI/CD pipelines. Use when deploying to production, setting up GitHub Actions, troubleshooting deployments. Covers build-time vs runtime vars, architecture matching, and battle-tested debugging.

24 0
View
moai-alfred-agent-guide logo
mattnigh/skills_collection

moai-alfred-agent-guide

19-agent team structure, decision trees for agent selection, Haiku vs Sonnet model selection, and agent collaboration principles. Use when deciding which sub-agent to invoke, understanding team responsibilities, or learning multi-agent orchestration.

24 0
View
mermaid-diagram-generator logo
mattnigh/skills_collection

mermaid-diagram-generator

Converts architecture descriptions, module specs, or workflow docs into Mermaid diagrams. Use when visualizing brick module relationships, workflows (DDD, investigation), or system architecture. Supports: flowcharts, sequence diagrams, class diagrams, state machines, entity relationship diagrams,...

24 0
View
pre-flight-check logo
mattnigh/skills_collection

pre-flight-check

INVOKE FIRST before any code work. Validates git workflow (branch, issue, worklog) and checks approach. Use at START of every task and END before completing. Prevents skipped steps.

24 0
View
browser-dev-tools logo
mattnigh/skills_collection

browser-dev-tools

This skill should be used when working with browser-rendered artifacts (i.e. Bun, React/React Native) to proactively validate that development work on localhost is being built appropriately and to support debugging browser-rendered content. Use this skill after making frontend changes to verify t...

24 0
View
lead-dev logo
mattnigh/skills_collection

lead-dev

Lead Développeur - Coordination technique opérationnelle, code review, mentoring et livraison. Pair de web-dev-process au niveau OPÉRATIONS.

24 0
View
worker-monitor logo
mattnigh/skills_collection

worker-monitor

Monitor Docker workers, RQ queue health, and auto-scale workers (max 4). Use when: checking job progress, monitoring queue depth, scaling workers up/down, diagnosing slow processing, or waiting for jobs to complete. Referenced by data-quality skill during reprocessing.

24 0
View
quality-advisor logo
mattnigh/skills_collection

quality-advisor

Proactive quality guidance system that monitors artifact creation and provides real-time feedback on documentation quality

24 0
View
bump-version logo
mattnigh/skills_collection

bump-version

This skill should be used when the user wants to bump the version number in the workspace. It updates versions across all pyproject.toml files (root, tde, and tda packages) and the CHANGELOG.md to keep them synchronized.

24 0
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View