ux

Translate product requirements into UX artifacts like user journeys, IA maps, and wireframe specs.

3|2|Updated Dec 26, 2025
One-click install
npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill ux-muzhicaomingwang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/muzhicaomingwang/ai-ideas/tree/main/.project/ai/pm/skills/ux
Command: npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill ux-muzhicaomingwang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

PM teams often struggle to translate product requirements into intuitive experiences. This skill provides structured UX design output to guide product decisions and reduce usability gaps.

Core Features & Use Cases

  • 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)

Quick Start

Create a wireframe-level UX spec for the primary onboarding flow and include acceptance criteria and a usability testing plan.

Frequently Asked Questions about ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate product requirements into user journeys and wireframe specs?

To translate product requirements into user journeys and wireframe specs, you need structured artifacts like storyboards, information architecture maps, and interaction specifications that define components, behaviors, and copy.

What is included in a wireframe-level UX specification for product development?

A wireframe-level UX specification includes component layouts, interaction behaviors, UI copy, key flows with edge cases, and states to ensure developers and PMs align on product usability and build scope.

How do I create UX acceptance criteria and a usability testing plan?

Creating UX acceptance criteria and a usability testing plan involves defining testable conditions for user journeys, alongside measurement plans that track metrics like A/B test results, funnel conversions, and retention.

Can I map information architecture and navigation for both web and mobile apps?

Yes, you can map information architecture and navigation for both web and mobile apps by structuring IA maps and user flows that adapt to platform-specific interactions and states across the product.

What is the best way to document edge cases in user flows and interaction states?

The best way to document edge cases in user flows is to map key flows beyond the happy path, explicitly defining interaction states, error conditions, and recovery behaviors within the UX specification.

How do PMs measure the success of UX design changes?

PMs measure UX design success by implementing a measurement plan that tracks usability metrics, including A/B test performance, funnel drop-off rates, and user retention based on defined UX acceptance criteria.