skills.rest
MrAlexisCord
MrAlexisCordCOMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
IAmKongHaiIAmKongHai

ce-plan

Generates and deepens structured plans for complex tasks like software development and research workflows.

Community
Advanced
wukangcheng2944wukangcheng2944

impeccable

Create production-grade frontend interfaces from design briefs.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate
sadie100sadie100

browse

Automate website testing with headless Chrome for navigation, functionality, and responsive layout.

Community
Intermediate