skills.rest
elsolal
elsolalCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/elsolal/Skillz-Claude --skill ux-designer-elsolal
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ninehillsninehills
84

brainstorming-cn

Facilitate collaborative brainstorming and generate PRD documents from structured input.

Community
Intermediate
tomada1114tomada1114
4

designing-wireframes

Design ASCII wireframes and UX flows from detailed requirements.

Community
Basic
rahulgupta2018rahulgupta2018

ux-designer

Apply user-centred design principles to research, wireframing, and accessibility auditing.

Community
Advanced
kv0906kv0906
14

excalidraw

Generates .ply 3D model snapshot files with a single click of a mouse.

Community
Intermediate