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