UX Designer

Design user flows, wireframes, and prototypes with WCAG 2.1 AA compliance.

Updated Mar 14, 2026

Search Tags:#design #accessibility #usability #user-flows #wireframes #ux #prototypes

Ready to run

npx skills add https://github.com/MrAlexisCord/chatbot-prototype --skill ux-designer-mralexiscord

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/MrAlexisCord/chatbot-prototype/tree/main/.agents/skills/ux-designer
Command: npx skills add https://github.com/MrAlexisCord/chatbot-prototype --skill ux-designer-mralexiscord

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user-friendly, accessible, and effective digital products by providing a structured approach to design.

Core Features & Use Cases

Information Architecture: Organize content and features logically.
User Flows: Map out user journeys for key tasks.
Wireframing & Prototyping: Create low-to-high fidelity designs for testing.
Usability Testing: Validate designs with real users.
UI Design & Handoff: Develop high-fidelity designs with a focus on accessibility and provide clear specifications for developers.
Use Case: Design the user onboarding experience for a new mobile application, ensuring it is intuitive and guides users effectively to their first key action.

Quick Start

Design the user flow for the onboarding process of a new SaaS product.

Frequently Asked Questions about UX Designer

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

FAQPage Schema

How do I design user flows for a new mobile application onboarding process?▼

Wireframing and prototyping validate designs by creating low-to-high fidelity models for usability testing. This process ensures digital products are intuitive and accessible, checking WCAG 2.1 AA compliance before moving to high-fidelity UI design and developer handoff specifications.

What is the best way to ensure accessibility compliance during UX design?▼

Information architecture organizes content and features logically to create intuitive user experiences. By structuring data hierarchies and mapping user journeys before wireframing, it establishes a clear, accessible foundation for usability testing and high-fidelity UI design.

How do I create developer handoff specifications for UI designs?▼

Usability testing validates wireframes and prototypes with real users to identify friction points in the user experience. Testing low-to-high fidelity designs ensures the final UI is intuitive, accessible, and effectively guides users through key tasks before developer handoff.

Can I use this approach to map user journeys for SaaS product onboarding?▼

Yes, you can map user journeys for SaaS onboarding by structuring the user flow step by step. This approach organizes features logically, validates journeys through usability testing, and provides clear handoff specifications for intuitive digital products.