ux-designer

Define personas, user journeys, and textual wireframes for UX design.

1|Updated Jan 20, 2026

Search Tags:#accessibility #personas #usability #wireframes #ux #user-journey

Ready to run

npx skills add https://github.com/elsolal/Skillz-Claude --skill ux-designer-elsolal

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ux-designer
Source: https://github.com/elsolal/Skillz-Claude/tree/main/.claude/skills/ux-designer
Command: npx skills add https://github.com/elsolal/Skillz-Claude --skill ux-designer-elsolal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams design intuitive user experiences by grounding decisions in personas, user journeys and textual wireframes before development, reducing ambiguity and rework.

Core Features & Use Cases

Persona development: create representative user models to anchor design decisions.
User journeys: map multi-step flows to ensure smooth navigation and clear handoffs.
Textual wireframes: describe screens and states in plain language to align stakeholders.
Use Case: When the project has a complex UI or multiple screens, trigger UX design early via brainstorm or PRD to lock down structure before UI work.

Quick Start

To begin, trigger the UX Designer skill with a brainstorm or PRD and provide the project context. Then load the context, define personas, map journeys, and draft textual wireframes to align on scope before UI implementation.

Frequently Asked Questions about ux-designer

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

FAQPage Schema

How do I create user personas and map user journeys for a complex interface?▼

To create user personas and map user journeys, trigger the UX design process via brainstorming or a PRD, then load project context to define representative models and map multi-step flows. This ensures smooth navigation and clear handoffs before UI work begins.

What are textual wireframes and when do I need them for UX design?▼

Textual wireframes describe screens and states in plain language to align stakeholders on user journeys and structure. They are needed for UX design when a project has complex interfaces or multi-step flows, locking down scope before UI implementation.

Can I use a PRD to drive user-centered design and wireframe generation?▼

Yes, you can use a PRD to drive user-centered design and wireframe generation. Providing a PRD as project context triggers the UX workflow, satisfying requirements for structured context loading and repeatable documentation like textual wireframes.

What is the best way to document multi-step user flows for accessibility?▼

The best way to document multi-step user flows for accessibility is mapping user journeys and developing personas to anchor decisions. This user-centric approach reduces ambiguity and ensures usability requirements are met before development.

Does generating textual wireframes require any specific design dependencies?▼

Generating textual wireframes requires no specific design dependencies. The UX process uses defined frontmatter, modes, and validation steps to create plain language screen descriptions, relying entirely on provided project context rather than external components.