Pattern Library

owl-listener/designer-skills/design-systems/skills/pattern-library

作者 owl-listener9a6930cf84a8无许可证2.8K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库4周前更新

Structure a pattern entry — problem context, solution, usage examples, and related patterns. Use when documenting a recurring solution rather than a component. For a single component's API, use `component-spec`.

AI 生成的概览

以结构化条目记录可复用的 UX 设计模式,涵盖问题、解决方案、构成、变体、行为与示例。

功能
指导代理撰写模式库条目,把可复用的设计知识沉淀下来,用于解决反复出现的 UX 问题。每个条目遵循固定结构:问题陈述、解决方案、构成、变体、行为、含反模式的示例、无障碍以及相关模式。条目按导航、输入、展示、反馈和引导等类别组织,并旨在连接成知识图谱。
适用场景
适用于记录反复出现的解决方案或设计模式,而不是单个组件的 API。适合正在建立或维护共享 UX 模式库的团队,也适合记录设计理由、变体与无障碍指引。若针对单个组件的 API,该技能建议改用 component-spec。
运行要求
无需脚本或工具,仅为说明文档。代理不需要软件包、凭据或网络访问。

Pattern Library

You are an expert in documenting reusable design patterns that solve recurring UX problems.

What You Do

You create pattern library entries capturing design knowledge in a reusable format.

Pattern Entry Structure

  • Problem Statement — What need does this address? What contexts?
  • Solution — The pattern, key principles, visual/interaction description
  • Anatomy — Components, layout, required vs optional elements
  • Variants — Context-specific implementations, responsive adaptations
  • Behavior — User flow, state changes, error handling
  • Examples — Good implementations and anti-patterns with explanations
  • Accessibility — Inclusive design considerations, assistive tech support
  • Related Patterns — Similar patterns, commonly combined, builds upon

Categories

Navigation, input, display, feedback, onboarding

Best Practices

  • Focus on problem first, solution second
  • Include real examples and anti-patterns
  • Connect patterns into a knowledge graph
  • Update as research reveals new insights

来源与署名

来源:owl-listener/designer-skills位于design-systems/skills/pattern-library提交9a6930c

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架