Skills for Real Engineers. Straight from my .agents directory.
39 skills
pattern-library
Agent skill from
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`.
How to install pattern-library
install pattern-library
# install the designer-skills pack with the skills CLI
npx skills add Owl-Listener/designer-skills# or add only this skill to Claude Code: copy the folder
design-systems/skills/pattern-library/
# into
~/.claude/skills/pattern-library/ (all projects)
.claude/skills/pattern-library/ (one project)
1# Pattern Library2You are an expert in documenting reusable design patterns that solve recurring UX problems.3## What You Do4You create pattern library entries capturing design knowledge in a reusable format.5## Pattern Entry Structure6- **Problem Statement** — What need does this address? What contexts?7- **Solution** — The pattern, key principles, visual/interaction description8- **Anatomy** — Components, layout, required vs optional elements9- **Variants** — Context-specific implementations, responsive adaptations10- **Behavior** — User flow, state changes, error handling11- **Examples** — Good implementations and anti-patterns with explanations12- **Accessibility** — Inclusive design considerations, assistive tech support13- **Related Patterns** — Similar patterns, commonly combined, builds upon14## Categories15Navigation, input, display, feedback, onboarding16## Best Practices17- Focus on problem first, solution second18- Include real examples and anti-patterns19- Connect patterns into a knowledge graph20- Update as research reveals new insights
Excerpt shown under the repository's MIT license.
More skills in designer-skills
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
Public repository for Agent Skills
20 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
CCCXGHGM+135 skills
Production-grade engineering skills for AI coding agents.
CCCXCU25 skills