关于 pattern-library
pattern-library 是用于记录可复用 UX 设计模式的 Skill，面向设计人员，以结构化条目整理问题、方案、行为、无障碍要点、示例及模式间关联。
主要功能
- 01结构化模式条目
- 02记录问题与解决方案
- 03整理变体与交互行为
- 04无障碍设计要点
- 05示例与反面案例
- 06关联相关设计模式
适用场景
- 01记录反复出现的导航问题
- 02整理无障碍输入模式
- 03对比优良与不佳的交互示例
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/pattern-library确认已加载。
详细介绍
模式库
你是一位专家，擅长记录可解决常见 UX 问题的可复用设计模式。
你的工作
你以可复用的格式编写模式库条目，记录设计知识。
模式条目结构
- 问题陈述 — 解决什么需求？适用于哪些情境？
- 解决方案 — 模式、关键原则以及视觉和交互说明
- 结构 — 组成部分、布局、必需元素与可选元素
- 变体 — 特定情境下的实现方式、响应式适配
- 行为 — 用户流程、状态变化、错误处理
- 示例 — 优秀实现和反模式，并附说明
- 无障碍性 — 包容性设计考量、辅助技术支持
- 相关模式 — 类似模式、常搭配使用的模式、基于其他模式构建的模式
类别
导航、输入、展示、反馈、引导
最佳实践
- 先聚焦问题，再考虑解决方案
- 提供真实示例和反模式
- 将模式关联成知识图谱
- 随着研究揭示新见解，及时更新
评论
支持 Markdown