UX Patterns Global

Index and discover 92 UX patterns with implementation documentation links.

228|18|Updated Dec 7, 2024

Search Tags:#developer tools #design system #ui components #implementation guide #pattern library #ux patterns

Ready to run

npx skills add https://github.com/thedaviddias/ux-patterns-for-developers --skill ux-patterns-global

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: UX Patterns Global
Source: https://github.com/thedaviddias/ux-patterns-for-developers/tree/main/skills/ux-patterns
Command: npx skills add https://github.com/thedaviddias/ux-patterns-for-developers --skill ux-patterns-global

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers find, compare, and implement the correct User Experience (UX) patterns for their projects, avoiding guesswork and ensuring best practices.

Core Features & Use Cases

Pattern Discovery: Browse and search through a comprehensive library of 92 UX patterns categorized by function (e.g., forms, data display, navigation).
Implementation Guidance: Provides links to specific pattern skills and their documentation for detailed implementation.
Decision Support: Aids in comparing trade-offs between different patterns that might solve a similar problem.
Use Case: A developer needs to implement a way for users to select multiple options from a long list. This Skill can help them find the "Multi-select Input" pattern, understand its usage, and find the specific skill to install it.

Quick Start

Use the UX Patterns Global skill to find patterns related to user authentication.

Frequently Asked Questions about UX Patterns Global

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

FAQPage Schema

How do I find the right UX patterns for my design system?▼

To find the right UX patterns for your design system, browse a categorized library of 92 UI components. This Skill indexes patterns by function, such as forms and navigation, letting you discover and select appropriate solutions based on specific user problems and task flows.

What is the best way to compare UI components for a specific user problem?▼

Comparing UI components for a specific user problem is done using this Skill's decision support mechanism. It aids in evaluating trade-offs between similar UX patterns, ensuring you select the most appropriate implementation for your constraints and task flows.

How do I get implementation guidance for a multi-select input pattern?▼

Implementation guidance for a multi-select input pattern is provided by linking to specific pattern skills and their documentation. Once you discover the needed UX pattern, the Skill directs you to detailed resources for executing the UI component.

Can I use this pattern library to find navigation and data display components?▼

Yes, you can use this pattern library to find navigation and data display components. The Skill categorizes 92 UX patterns by function, allowing developers to browse and select specific UI components needed for their project interface.

Do I need any dependencies to navigate the UX pattern library?▼

No dependencies are required to navigate the UX pattern library. The Skill operates independently as a discovery mechanism, providing references and links to specific pattern skills only after you have selected a UI component for implementation.