skills.rest
waqarahmed-design
waqarahmed-designCOMMUNITY
Explore all skills by this author →
GitHub

ux-design

Provide UX design guidance for accessible, usable, and scalable web and mobile experiences.

13|3|Updated Mar 12, 2026
Search Tags:#design#accessibility#prototyping#wireframing#usability#ux
One-click install
npx skills add https://github.com/waqarahmed-design/Product-Designer-Agent --skill ux-design-waqarahmed-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/waqarahmed-design/Product-Designer-Agent/tree/main/skills/ux-design
Command: npx skills add https://github.com/waqarahmed-design/Product-Designer-Agent --skill ux-design-waqarahmed-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often design experiences without a unified, scalable UX framework that covers accessibility, cognitive load, and cross-device patterns, leading to inconsistent outcomes and rework.

Core Features & Use Cases

  • Comprehensive interaction design templates (flows, states, edge cases)
  • Accessibility and inclusivity checklists aligned with WCAG
  • Wireframing, prototyping, and rapid testing guidance
  • Cross-platform patterns and progressive disclosure templates for complex forms

Quick Start

Begin by defining a simple user flow and applying the core patterns to iteratively improve usability.

Frequently Asked Questions about ux-design

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

FAQPage Schema
How do I design UX flows that cover all interaction states and edge cases?▼

Design UX flows by applying structured templates for eight-state interaction design, ensuring all edge cases are mapped. This framework provides comprehensive patterns for cross-platform products to iteratively improve usability and handle complex user flows systematically.

What is the best way to ensure my wireframes and prototypes meet accessibility compliance?▼

Ensure wireframes and prototypes meet accessibility compliance by applying WCAG-aligned inclusivity checklists during the design process. This UX framework integrates accessibility standards directly into wireframing and prototyping to validate usability for all users across web and mobile platforms.

How does cognitive load management apply to complex form design?▼

Cognitive load management applies to complex form design through progressive disclosure templates. By structuring cross-platform patterns to reveal information sequentially, this UX approach reduces mental effort and scales intricate forms without overwhelming the user.

Can I use this UX framework for both web and mobile responsive design?▼

Yes, you can use this UX framework for both web and mobile responsive design. It provides comprehensive interaction design templates and cross-platform patterns specifically built to ensure scalable, usable experiences across different devices and product environments.

When do I need a unified UX framework for usability testing and prototyping?▼

You need a unified UX framework for usability testing and prototyping when teams design experiences without consistent cross-device patterns, leading to rework. Applying structured templates for rapid testing ensures accessible, scalable outcomes and reduces inconsistent design results.

Related Skills

Explore More Design & Creative Skills→
PetriLahdelmaPetriLahdelma
2

ux-design

Plan user research, information architecture, flows, and usability testing.

Community
Advanced
nahisahonahisaho
12

ui-ux-designer

Create wireframes, mockups, and interactive prototypes with WCAG 2.1 accessibility.

Community
Advanced
karchthokarchtho

ui-ux-design

Provide expert UI/UX design guidance for frontend frameworks and design systems.

Community
Intermediate
Bonny94ITABonny94ITA

accessibility

Automate WCAG 2.2 accessibility audits using Lighthouse and manual checks.

Community
Advanced