mcpField
U
ux-patterns

ux-patterns

github.com/thedaviddias设计与 UI26865 次安装3 周前更新
代码仓库

关于 ux-patterns

ux-patterns 汇总 92 种 UX 模式,帮助设计师和开发者从用户问题、任务流程及约束出发筛选方案。它通过分类、别名和关联模式组织候选项,并提供后续实现与验证的路径。

主要功能

  1. 01覆盖 11 个 UX 模式类别
  2. 02按分类、别名筛选模式
  3. 03比较候选模式的权衡
  4. 04链接到具体模式技能
  5. 05包含无障碍、性能和测试指引

适用场景

  1. 01根据用户流程确定合适的界面模式
  2. 02比较多个表单或导航方案
  3. 03实施前检查无障碍和测试要求

安装

复制下面的命令,在终端中运行。

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

安装后在 Claude Code 中输入/ux-patterns确认已加载。

附带文件references/categories.md

详细介绍

UX Patterns Global

此技能汇总了整个网站中的 92 种 UX 模式,可帮助你选择合适的实现路径,而不必凭记忆猜测。

工作流

  1. 从用户问题、任务流程和约束条件入手,而不是直接跳到组件。
  2. 根据类别、别名和相关模式链接缩小候选模式范围。
  3. 如果有多种模式都可能适用,先比较各自的权衡,再进行实现。
  4. 确定方向后,安装对应模式的技能,然后依据其参考文件进行实现。
  5. 发布前,验证无障碍、性能和测试指南。

覆盖范围

  • advanced:3 种模式
  • ai-intelligence:10 种模式
  • authentication:7 种模式
  • content-management:7 种模式
  • data-display:12 种模式
  • e-commerce:3 种模式
  • forms:26 种模式
  • media:3 种模式
  • navigation:11 种模式
  • social:4 种模式
  • user-feedback:6 种模式

请参阅 references/categories.md 中按类别编制的模式索引。

网站索引:https://uxpatterns.dev/llms-full.txt

评论

支持 Markdown