ux

Name: ux
Availability: InStock
Author: muzhicaomingwang

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

3|2|Updated Dec 26, 2025

Search Tags:#accessibility #wireframes #ux #pm #usability-testing #information-architecture #user-journeys

Ready to run

npx skills add https://github.com/muzhicaomingwang/ai-ideas --skill ux-muzhicaomingwang

💬 Prompt for ChatGPT / Claude Chat▼

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.