UX Patterns Definition

Define UX patterns for navigation, user flows, and WCAG accessibility.

1|Updated Feb 14, 2026

Search Tags:#ui #accessibility #design patterns #user experience #interaction design #ux

Ready to run

npx skills add https://github.com/michsindlinger/specwright --skill ux-patterns-definition

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: UX Patterns Definition
Source: https://github.com/michsindlinger/specwright/tree/main/specwright/templates/skills/ux-patterns-definition
Command: npx skills add https://github.com/michsindlinger/specwright --skill ux-patterns-definition

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured approach to defining User Experience (UX) patterns, ensuring consistency, usability, and accessibility across your product's interface.

Core Features & Use Cases

Guided Pattern Selection: Recommends navigation, interaction, and feedback patterns based on product type and user context.
Accessibility Standards: Integrates WCAG guidelines for inclusive design.
Use Case: When designing a new e-commerce feature, use this skill to determine the best navigation (e.g., mega menu, breadcrumbs) and interaction patterns (e.g., product filtering, add-to-cart buttons) that align with user expectations and accessibility requirements.

Quick Start

Guide me through defining the UX patterns for a new mobile-first social media application.

Frequently Asked Questions about UX Patterns Definition

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

FAQPage Schema

How do I define UX patterns for a new application feature?▼

To define UX patterns for an application, this skill offers structured selection criteria for navigation, user flows, and interactions based on your specific product type and user context. It provides documentation templates to ensure consistency across your interface.

How do I choose the right navigation and interaction patterns for an e-commerce site?▼

Choosing navigation and interaction patterns for e-commerce involves analyzing user expectations and product context. This skill guides you in selecting specific elements like mega menus, breadcrumbs, and product filtering to align with standard user flows and interface consistency.

What is the best way to ensure my UI design meets WCAG accessibility standards?▼

To ensure UI design meets WCAG accessibility standards, this skill integrates inclusive design guidelines directly into the pattern selection process. It helps you adhere to specific accessibility levels while defining user flows and interaction models.

Can I get guidance on mobile-first interaction design for a social media app?▼

You can get guidance on mobile-first interaction design for social media apps by using this skill to recommend appropriate user flows and feedback patterns. It analyzes your product context to provide tailored best practices and documentation templates.

Does this skill provide templates for documenting user experience patterns?▼

This skill does provide documentation templates for user experience patterns, facilitating product planning and frontend architecture. It ensures your defined navigation, interactions, and accessibility standards are consistently recorded for development teams.