pattern-library

docsowl-listener1.8K installs

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`.

Install

npx skills add https://github.com/owl-listener/designer-skills --skill pattern-library

SKILL.md

---name: pattern-librarydescription: 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`.---

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

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

Related skills

domain-modelingmattpocock714KBuild and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a CONTEXT.md, or recording or editing an ADR.to-specmattpocock576KTurn the current conversation into a spec and publish it to the project issue tracker: no interview, just synthesis of what you've already discussed.caveman-helpjuliusbrussee369KQuick-reference card for caveman modes, skills and commands. Trigger: /caveman-help or "caveman help".pptxanthropics228KUse this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the u