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 從公開儲存庫中收錄這些內容。

檢舉或申請下架