role-ux-designer

Transform product requirements into user flows, state definitions, UX copy, and usability assessments.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/ChoiHyunjin/ai_skills --skill role-ux-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: role-ux-designer
Source: https://github.com/ChoiHyunjin/ai_skills/tree/main/skills/role-ux-designer
Command: npx skills add https://github.com/ChoiHyunjin/ai_skills --skill role-ux-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps product owners and designers translate requirements into detailed user experience specifications, ensuring a user-centered design process before visual design or development begins.

Core Features & Use Cases

  • User Flow Design: Maps out the user's journey through a product or feature.
  • State Definition: Explicitly defines all possible states of an interface (e.g., loading, error, empty).
  • UX Copywriting: Crafts clear and concise user-facing text.
  • Usability Assessment: Identifies potential risks and areas for improvement in the user experience.
  • Use Case: A Product Owner provides a new feature requirement. The UX Designer Agent creates user flows, defines all necessary screen states, writes the microcopy for buttons and messages, and assesses potential usability issues.

Quick Start

Act as the UX Designer Agent and design the user experience for a new feature that allows users to book appointments.

Frequently Asked Questions about role-ux-designer

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

FAQPage Schema
How do I translate product requirements into user flows and UX designs?

To translate product requirements into UX designs, you structure the user experience by mapping user flows, defining interface states, writing UX copy, and assessing usability before visual design begins.

What is the best way to define interface states like loading, error, and empty screens?

Defining interface states requires explicit state management during the user experience design process, ensuring all variations like loading, error, and empty screens are documented prior to development.

Can I generate UX copy and microcopy for buttons and messages from feature requirements?

You can generate UX copy by using product requirements to craft clear, concise user-facing text for buttons and messages, reducing cognitive load and adhering to core user-centricity principles.

How do I assess usability risks when designing a new product feature?

Assessing usability risks involves identifying potential areas for improvement during the user flow design process, ensuring the final interface structure minimizes cognitive load and supports user-centricity.

Does this UX design process handle both user journey mapping and state definition?

The UX design process handles both user journey mapping and state definition, transforming feature requirements into detailed specifications that include user flows, explicit state management, and usability assessments.

When should I use a structured UX design approach before visual design?

You should use a structured UX design approach before visual design when you need to translate requirements into detailed experience specifications, ensuring a user-centered process and explicit state management prior to development.