About ux-patterns
ux-patterns is a reference skill covering 92 UX patterns for designers and developers choosing an implementation approach. It helps narrow options by category and related links, then points to pattern-specific guidance and validation checks.
Key features
- 01Covers 11 UX pattern categories
- 02Filters patterns by category and aliases
- 03Compares tradeoffs between options
- 04Links to individual pattern skills
- 05Includes accessibility, performance, and testing guidance
Use cases
- 01Choose a UI pattern for a user flow
- 02Compare alternative form or navigation approaches
- 03Check accessibility and testing before implementation
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/ux-patternsin Claude Code to confirm it loaded.
Bundled filesreferences/categories.md
Details
From the project READMEUX Patterns Global
This skill aggregates 92 UX patterns across the site and helps choose the right implementation path without guessing from memory.
Workflow
- Start with the user problem, task flow, and constraints instead of jumping straight to a component.
- Narrow candidate patterns by category, aliases, and related-pattern links.
- Compare tradeoffs before implementation when multiple patterns could fit.
- Install the specific pattern skill once the direction is clear, then implement from its reference file.
- Validate accessibility, performance, and testing guidance before shipping.
Coverage
- advanced: 3 patterns
- ai-intelligence: 10 patterns
- authentication: 7 patterns
- content-management: 7 patterns
- data-display: 12 patterns
- e-commerce: 3 patterns
- forms: 26 patterns
- media: 3 patterns
- navigation: 11 patterns
- social: 4 patterns
- user-feedback: 6 patterns
See references/categories.md for the pattern-by-category index.
Site index: https://uxpatterns.dev/llms-full.txt
Comments
Markdown supported