Pattern Library
owl-listener/designer-skillsA pattern library is a collection of reusable solutions for common user experience problems. It helps designers and developers work faster and make better products. Each entry explains a problem, shows a proven solution, and gives real examples.
This skill teaches you how to write clear pattern library entries. You will learn to describe the problem first, then the solution. You will include anatomy, variants, behavior, and accessibility notes. You will also connect patterns to create a knowledge graph.
Using a pattern library saves time and keeps designs consistent. It helps teams share knowledge and avoid repeating mistakes. Anyone who builds digital products can benefit from learning this skill.
Add Pattern Library skill to your workflow
Global
mkdir -p ~/.claude/skills/pattern-libraryProject
mkdir -p .claude/skills/pattern-librarySource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready