Claude MarketplacesSubmit

Pattern Library

owl-listener/designer-skills

Turns out documenting design patterns properly is harder than most teams think, and this skill gives you a structured way to do it right. It walks you through creating pattern library entries that start with the problem context, then cover the solution anatomy, variants, behavior states, accessibility considerations, and connections to related patterns. The format pushes you to include both good examples and anti-patterns with explanations, which is honestly the most useful part since that's what people actually need to see. If you're building or maintaining a design system and tired of patterns being documented inconsistently or missing critical details, this gives you a repeatable template that captures the knowledge properly.

skills.sh installs: 2.3K
GitHub stars: 3.3K
last updated: Aug 21, 2026

Install

$ npx -y skills add owl-listener/designer-skills --skill pattern-library --agent claude-code

Installs into .claude/skills of the current project.

Files

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

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly

Agent CaffeineSponsoredClose your lid, come back to finished work

SnugSponsoredThe clipboard manager for the AI era Promote your product hereReach 125k+ visitors monthly

WaxSponsoredBlock anything with supervision, without erasing your iPhone Promote your product hereReach 125k+ visitors monthly

knobsSponsoredSee your site on any phone, any day, in any language

Details

Repository: github.com/owl-listener/designer-skills
First seen: Jun 3, 2026

Recommended

1

cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs

2

grill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs

3

improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs

4

systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs

5

karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs

6

find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs