Agent skill
ux
Product management UX skill for designing user journeys, information architecture, interaction flows, wireframe-level specs, usability heuristics, and experiment-driven iteration. Use for tasks like refining PRDs with UX requirements, defining success metrics, writing microcopy, accessibility considerations, and conducting user testing plans.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/ux
SKILL.md
ux
Use this skill for PM 视角的 UX 设计与评审:从需求到体验闭环。
Outputs (choose what the task needs)
- User journeys / storyboards
- Information architecture (IA) + navigation map
- Key flows (happy path + edge cases) with states
- Wireframe-level spec (components, behavior, copy)
- UX acceptance criteria (可测试的验收标准)
- Metrics and experiment plan (A/B, funnel, retention)
Workflow
- Clarify users and jobs
- ICPs, triggers, JTBD / Job Story.
- Define “success” in measurable outcomes.
- Map journeys and flows
- Identify critical journeys; pick 1–2 primary flows first.
- Define states: empty/loading/error/success/permission denied.
- Define drop-off points and recovery paths.
- Information architecture
- Group content by user mental model.
- Keep navigation shallow; avoid hidden complexity in MVP.
- Name things consistently with domain language.
- Interaction design principles
- Reduce cognitive load: progressive disclosure, sensible defaults.
- Make system status visible (progress, confirmations, undo).
- Prevent errors; when errors happen, provide recovery.
- Keep copy short, specific, and action-oriented.
- Accessibility & inclusivity
- Keyboard/gesture alternatives where applicable.
- Color contrast, dynamic text, screen reader labels.
- Avoid relying on color alone to convey meaning.
- Metrics & experiments
- Define funnel events and North Star Metric.
- Prioritize experiments tied to a hypothesis with guardrails.
- Usability testing plan
- Script tasks, success criteria, and note-taking template.
- Recruit target users; run quick iterative rounds (5–8 users).
UX acceptance criteria template
- Given [context], when [user action], then [expected behavior].
- Empty state: [copy + CTA + example].
- Error state: [message + retry + fallback].
- Loading: [skeleton/spinner + timeout handling].
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?