Skill1.5k estrellas del repoactualizado yesterday

pattern-library

The pattern-library skill structures reusable design pattern documentation by organizing problem statements, solutions, anatomies, variants, behaviors, examples, accessibility considerations, and related patterns. Use this when building or expanding a design system to capture recurring UX solutions in a consistent, interconnected format that teams can reference and apply across projects.

Ver fuente Repositorio: designer-skills

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/Owl-Listener/designer-skills /tmp/pattern-library && cp -r /tmp/pattern-library/design-systems/skills/pattern-library ~/.claude/skills/pattern-library

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

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

Del mismo repositorio

design-critiqueSkill

Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.

design-debt-auditSkill

Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.

design-impact-reportingSkill

Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.

design-qa-checklistSkill

Create QA checklists for verifying design implementation accuracy.

design-review-processSkill

Establish design review gates with criteria, checklists, and approval workflows.

design-sprint-planSkill

Plan and facilitate design sprints from challenge framing through prototype testing.

handoff-specSkill

Create developer handoff specifications with measurements, behaviors, assets, and edge cases.

team-workflowSkill

Design team workflows covering task management, collaboration rituals, and tooling.