npx skills add https://github.com/owl-listener/designer-skills
infrasity-labs/dev-gtm-claude-skills
pattern-library
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
Installation
npx skills add infrasity-labs/dev-gtm-claude-skills --skill pattern-library
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Structure a pattern entry — problem context, solution, usage examples, and related patterns. Us…
1.5K installsReact SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/u…
15.8K installsReact Router v7/v8 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, p…
12.7K installsTanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoa…
12.5K installsAlso in this package
Other skills from infrasity-labs/dev-gtm-claude-skills · top by installs.
npx skills add infrasity-labs/dev-gtm-claude-skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Also listed on
Alternate registries and mirrors of this skill.
Repository health
main
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md1,227 B -
docs
SUMMARY.md134 B
History
- First seen on skills.sh
- First recorded snapshot · 52 installs
SKILL.md
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