Token导航 LogoToken导航TokenDH.com
研究检索只读github未标认证来源可访问许可证需确认审计通过

ux-researcher-designer用户体验研究员设计师

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

751

周安装

31

GitHub Stars

1

下载量

246
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:ux-researcher-designer(用户体验研究员设计师)
来源仓库:https://github.com/pixel-process-ug/superkit-agents
仓库路径:skills/ux-researcher-designer
安装命令:
npx skills add https://github.com/pixel-process-ug/superkit-agents --skill ux-researcher-designer
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/pixel-process-ug/superkit-agents --skill ux-researcher-designer

简介

ux-researcher-designer 用于辅助界面设计、视觉规范和交互体验优化,适合整理页面结构和生成 UI 方案。

  • 适用于用户体验研究的辅助工作,可结合品牌和设计系统使用。
  • 使用时不应只堆装饰元素,要结合用户任务和产品场景。
  • 涉及真实页面改动时应通过截图或浏览器预览检查文本溢出和对齐。
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

UX Researcher & Designer

Overview

Apply systematic UX research and design methods to understand users, validate assumptions, and create evidence-based designs. This skill covers the full research-to-design pipeline: discovery research, persona creation, journey mapping, information architecture, usability testing, and heuristic evaluation.

Phase 1: Discovery Research

  1. Define research objectives and questions
  2. Select appropriate research methods
  3. Recruit participants (5-8 per segment for qualitative)
  4. Conduct research sessions
  5. Synthesize findings using affinity mapping

STOP — Present research plan with objectives and methods for user approval.

Research Method Selection Decision Table

Generative (Discovery) Methods

MethodWhen to UseParticipantsDurationCost
User InterviewsUnderstanding motivations, behaviors, pain points5-8 per segment45-60 min eachMedium
Contextual InquiryObserving users in their natural environment4-61-2 hours eachHigh
Diary StudiesLongitudinal behavior patterns10-151-4 weeksMedium
SurveysQuantitative validation of qualitative findings100+5-10 minLow
Focus GroupsExploring attitudes and preferences6-10 per group60-90 minMedium

Evaluative Methods

MethodWhen to UseParticipantsDurationCost
Usability TestingValidating designs against tasks5-830-60 min eachMedium
A/B TestingComparing two design variants1000+ per variant1-4 weeksLow
Card SortingOrganizing information architecture15-3020-30 minLow
Tree TestingValidating navigation structure50+10-15 minLow
First Click TestingEvaluating initial user instincts30+5-10 minLow
Heuristic EvaluationExpert review without users3-5 evaluators1-2 hoursLow

Method Selection Decision Table

SituationRecommended MethodWhy
No idea who users areInterviews + contextual inquiryDeep understanding needed
Have assumptions to validateSurveys + usability testingQuantitative confirmation
Redesigning navigationCard sorting + tree testingStructure-focused
Evaluating existing productHeuristic evaluation + usability testFind problems fast
Comparing two designsA/B testingStatistical comparison
Limited budget/timeHeuristic evaluationNo participants needed
Long-term behavior understandingDiary studyCaptures patterns over time

Interview Guide Template

1. Introduction (5 min)
   - Thank participant, explain purpose
   - Get consent for recording
   - "There are no wrong answers"

2. Warm-up (5 min)
   - Background questions about role/context
   - Current tools and workflows

3. Core Questions (30 min)
   - Open-ended questions about behaviors
   - Follow-up probes: "Tell me more about..."
   - Critical incident: "Describe a time when..."
   - Avoid leading questions

4. Wrap-up (5 min)
   - "Is there anything I didn't ask that you think is important?"
   - Thank and explain next steps

Phase 2: Analysis and Modeling

  1. Create user personas from research data
  2. Map user journey for key scenarios
  3. Define information architecture
  4. Identify pain points and opportunities
  5. Prioritize using impact/effort matrix

STOP — Present personas and journey map for review before design validation.

Persona Template

# [Persona Name]

## Demographics
- Age: [range]
- Occupation: [role]
- Technical proficiency: [low/medium/high]
- Usage frequency: [daily/weekly/monthly]

## Goals
1. Primary goal: [what they are trying to achieve]
2. Secondary goal: [supporting objective]
3. Tertiary goal: [nice-to-have]

## Pain Points
1. [Frustration with current process]
2. [Unmet need]
3. [Workaround they have created]

## Behaviors
- [How they currently solve the problem]
- [Tools and methods they use]
- [Decision-making patterns]

## Quotes (from research)
- "[Verbatim quote that captures their perspective]"
- "[Another representative quote]"

## Scenario
[A paragraph describing a typical day/task where they would use the product]

Persona Quality Decision Table

CheckPassFail
Based on real research dataQuotes and behaviors from interviewsInvented or assumed behaviors
Actionable for designSpecific goals and pain pointsVague "wants to be productive"
Distinct from other personasDifferent goals, behaviors, constraintsOverlapping with another persona
Number of personas2-4 primaryMore than 5 (too many to design for)

Journey Map Structure

Stages:     Awareness -> Consideration -> Onboarding -> Usage -> Advocacy
                |              |             |          |          |
Actions:   [What they do at each stage]
                |              |             |          |          |
Thoughts:  [What they are thinking]
                |              |             |          |          |
Emotions:  [Frustration/neutral/delight mapped to each stage]
                |              |             |          |          |
Pain Points: [Friction and frustration points]
                |              |             |          |          |
Opportunities: [Design opportunities to improve]
                |              |             |          |          |
Touchpoints: [Channels and interfaces involved]

Journey Map Elements

  • Moments of Truth: Critical points where users form lasting impressions
  • Service Blueprints: Front-stage actions mapped to back-stage processes
  • Emotion Curve: Visual line showing emotional highs and lows
  • Gap Analysis: Difference between current and desired experience

Heuristic Evaluation (Nielsen's 10)

#HeuristicWhat to Look For
1Visibility of system statusLoading indicators, progress bars, save confirmations
2Match with real worldNatural language, familiar metaphors, logical order
3User control and freedomUndo, cancel, back, escape hatches
4Consistency and standardsSame action = same result, platform conventions
5Error preventionConfirmation dialogs, constraints, smart defaults
6Recognition over recallVisible options, contextual help, recent history
7Flexibility and efficiencyShortcuts, customization, bulk actions
8Aesthetic and minimalist designNo unnecessary information, clear hierarchy
9Help users with errorsPlain language errors, specific cause, suggest fix
10Help and documentationSearchable, task-oriented, concise

Severity Rating Scale

RatingDescriptionAction
0Not a usability problemNo action
1Cosmetic onlyFix if time allows
2Minor problemLow priority fix
3Major problemHigh priority, fix before launch
4Usability catastropheMust fix immediately

Phase 3: Design Validation

  1. Create testable prototypes (low or high fidelity)
  2. Plan usability testing sessions
  3. Conduct tests with 5+ participants
  4. Analyze results and iterate
  5. Document findings and recommendations

STOP — Present usability test results and recommendations for review.

Prototype Fidelity Decision Table

SituationFidelityToolWhy
Early concept validationLow (paper/wireframe)Balsamiq, paperFast iteration, low commitment
Navigation testingMedium (clickable)Figma prototypeTest flow without visual polish
Visual design validationHigh (pixel-perfect)Figma, coded prototypeTest actual look and feel
Interaction validationHigh (coded)HTML/CSS/JS prototypeTest real interactions

A/B Testing Methodology

StepDetails
Hypothesis"Changing [X] will [improve/decrease] [metric] because [reason]"
Sample sizePower analysis (95% confidence, 80% power)
DurationMinimum 2 full business cycles (2+ weeks)
Variable controlTest one change at a time
AnalysisStatistical significance (p < 0.05)

Common UX Metrics

MetricWhat It MeasuresBenchmark
Task success rate% completing target task> 78% (acceptable)
Time on taskDuration to complete actionVaries by task
Error rateMistakes per task< 10%
System Usability Scale (SUS)Overall usability score68 = average
Net Promoter Score (NPS)Likelihood to recommend> 0 = good, > 50 = excellent
Customer Effort Score (CES)Ease of experience> 5/7

Information Architecture

Card Sort Analysis Decision Table

Sort TypeWhen to UseAnalysis Method
Open sortDiscovery — users create categoriesSimilarity matrix, dendrogram
Closed sortValidation — sort into predefined categoriesCategory agreement percentage
Hybrid sortBoth — predefined with ability to add newCombined analysis

Navigation Patterns

PatternUse Case
Global navigationPersistent across all pages
Local navigationWithin a section
Contextual navigationRelated content links
Utility navigationSettings, account, help
BreadcrumbsLocation within hierarchy

Deliverables Checklist

  • Research plan with objectives and methods
  • Participant recruitment screener
  • Interview/test script
  • Affinity map of findings
  • Personas (2-4 primary)
  • Journey map for key scenario
  • Information architecture diagram
  • Usability test report with severity ratings
  • Prioritized recommendations with evidence

Anti-Patterns / Common Mistakes

Anti-PatternWhy It Is WrongWhat to Do Instead
Designing without researchAssumptions lead to wrong designsStart with discovery research
Testing with colleaguesBiased, know too much about productRecruit external participants
Asking users what they wantUsers cannot predict behaviorObserve what they do instead
Confirmation biasOnly seeing what supports beliefsUse structured analysis, multiple evaluators
Too many personas (5+)Cannot design for everyoneKeep to 2-4 primary personas
Skipping synthesisRaw data is not insightsAlways do affinity mapping
Underpowered A/B testsResults are meaningless noiseCalculate sample size before starting
Presenting findings without recommendationsResearch without action is wastedAlways include prioritized next steps

Integration Points

SkillIntegration
ui-ux-pro-maxUX guidelines and design patterns
mobile-designMobile usability testing patterns
planningResearch plan is part of the implementation plan
spec-writingUser research informs JTBD specifications
prd-generationPersonas and journey maps feed into PRDs
llm-as-judgeEvaluate design quality with rubrics

Skill Type

FLEXIBLE — Select and combine research methods based on project constraints (budget, timeline, access to users). Lightweight methods (heuristic evaluation, guerrilla testing) are acceptable when full research is impractical.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

36.19%
按下载量换算89

Claude

30.54%
按下载量换算75

Cursor

18.18%
按下载量换算45

Gemini CLI

10.11%
按下载量换算25

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills