Pattern Library

SkillAI & models

Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Pattern Library skill

What this skill tells your AI

The instructions your AI receives, as published by infrasity-labs/dev-gtm-claude-skills in .claude/skills/pattern-library/SKILL.md and read by ahel’s review.

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

Signals

GitHub stars
124
Forks
10
Last commit
Jun 2026
Advanced
Catalog kind
skill
Gateway key
pattern-library
Source
github.com/infrasity-labs/dev-gtm-claude-skills