Agent Skills
› Owl-Listener/designer-skills
› pattern-library
pattern-library
GitHub用于结构化记录可复用UX设计模式，涵盖问题、方案、示例及无障碍等要素。当需文档化重复性解决方案而非单一组件API时使用，旨在构建可复用的设计知识库。
Trigger Scenarios
需要记录或创建可复用的UX设计模式条目时
文档化解决常见用户问题的通用方案而非具体组件API时
Install
npx skills add Owl-Listener/designer-skills --skill pattern-library -g -y
SKILL.md
Frontmatter
{
"name": "pattern-library",
"description": "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`."
}
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
Version History
-
20e34c4
Current 2026-08-19 23:20
优化技能描述以明确使用场景和边界，防止技能冲突；强化描述格式规范，确保包含触发条件并限制长度。
- acc3e57 2026-07-25 05:15
