ux-designer

Guide user research, wireframing, prototyping, and WCAG accessibility compliance.

1|1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/yunseo-kim/agent-toolbox --skill ux-designer-yunseo-kim
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/yunseo-kim/agent-toolbox/tree/main/catalog/skills/ux-designer
Command: npx skills add https://github.com/yunseo-kim/agent-toolbox --skill ux-designer-yunseo-kim

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of designing user interfaces that are not only aesthetically pleasing but also highly usable, accessible, and aligned with user needs and business goals.

Core Features & Use Cases

  • User Research & Persona Development: Guides in conducting interviews and synthesizing data to create actionable user personas.
  • Accessibility Compliance: Ensures designs meet WCAG AA standards and promotes inclusive design principles.
  • Information Architecture & Interaction Design: Provides frameworks for structuring content, navigation, and user flows, including writing effective microcopy.
  • Use Case: A product team is designing a new mobile app. They can use this Skill to define user personas, map out user flows for key tasks, ensure accessibility for all users, and refine button labels and error messages for clarity.

Quick Start

Use the ux-designer skill to review a user flow for a new e-commerce checkout process.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I conduct user research and create actionable personas?

User research and persona creation involve conducting user interviews and synthesizing the collected data to build actionable user personas. This process provides structured guidance to define clear user behaviors and needs for your product strategy.

How do I ensure my user interface meets accessibility compliance standards?

To ensure accessibility compliance, designs must meet WCAG AA standards and follow inclusive design principles. This approach integrates accessibility checks directly into the user experience creation process to guarantee all users can navigate effectively.

What is the best way to structure information architecture for a mobile app?

Structuring information architecture requires frameworks for organizing content, navigation, and user flows. By mapping out key task flows, you can create intuitive mobile app structures that align with both user needs and business goals.

How do I write effective microcopy for interaction design?

Writing effective microcopy for interaction design involves refining button labels and error messages for visual hierarchy and clarity. This ensures the user interface communicates clearly and guides users seamlessly through their tasks.

Can I use this to review a user flow for an e-commerce checkout process?

Yes, you can review a user flow for an e-commerce checkout process. It helps evaluate the flow's accessibility, interaction design, and visual hierarchy to ensure the checkout experience is intuitive and aligned with business goals.