ux-designer

Transform user research findings into UX design deliverables for web and mobile.

1|Updated Apr 23, 2026
One-click install
npx skills add https://github.com/mtsatryan/openclaw-ai-agents --skill ux-designer-mtsatryan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/mtsatryan/openclaw-ai-agents/tree/main/ux-designer
Command: npx skills add https://github.com/mtsatryan/openclaw-ai-agents --skill ux-designer-mtsatryan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Transform user research findings into actionable UX design deliverables.

Core Features & Use Cases

  • User research synthesis and persona development
  • Information architecture, flows, and wireframing
  • Design systems and accessibility considerations
  • Deliverables: wireframes, prototypes, and UI patterns for web and mobile
  • Use Case: convert a research brief into a complete design system-ready specification

Quick Start

Produce a complete UX plan for a given brief, from user research through wireframes to a design system outline.

Frequently Asked Questions about ux-designer

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

FAQPage Schema
How do I convert user research findings into actionable UX design deliverables?

To convert user research findings into actionable UX deliverables, synthesize personas, map information architecture, and generate wireframes. This enforces design-system conventions and accessibility standards throughout web and mobile projects.

What is the best way to create design system-ready specifications from a research brief?

Creating design system-ready specifications from a research brief requires a structured UX workflow. This generates wireframes, prototypes, UI patterns, and design-token workflows aligned with existing design-system conventions for web and mobile.

Can I generate both wireframes and accessibility considerations for mobile and web projects?

Yes, you can generate wireframes and accessibility considerations for both web and mobile projects. The UX workflow integrates accessibility standards directly into information architecture, UI patterns, and prototyping deliverables to ensure compliance.

How does a design-token workflow integrate with UI patterns and prototyping?

A design-token workflow integrates with UI patterns and prototyping by enforcing design-system conventions across all deliverables. Tokens standardize visual properties, ensuring wireframes and prototypes maintain consistency across web and mobile platforms.

Do I need existing user research data to start wireframing and building information architecture?

You need existing user research data to start wireframing and building information architecture, because the core task transforms those specific research findings into actionable UX deliverables. Without research input, the resulting personas and flows lack empirical grounding.

Why enforce design-system conventions when creating UX prototypes and UI patterns?

Enforcing design-system conventions when creating UX prototypes and UI patterns ensures visual consistency and scalability across web and mobile projects. It standardizes components through design-token workflows, reducing fragmentation and streamlining deliverable documentation.