360 Secure SkillHub
360 安全技能中心

pattern-library

该 Skill 指导创建可复用的 UX 设计模式条目,覆盖问题、方案、结构、变体、行为、示例、无障碍与关联模式,并按导航、输入、展示、反馈和引导分类。

Owl-Listener
热度 24.25
最近更新 2026-10-19 04:18:27
分类:知识依赖:纯提示词应用场景:模板 / 笔记整理 / 概念解释

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add owl-listener/designer-skills/pattern-library
Metadata
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