Animation Vocabulary 是一个针对网页动画与动效的反向查词表(reverse-lookup glossary),目的是把用户对某个运动效果或动画的模糊、口语化描述,转换成精确的专业术语,这样用户就知道该用什么名字去询问或实现它。
用途 当用户只知道效果“看起来/感觉起来”是什么样,却不知道技术名称时,该技能负责给出名称。官方说明强调要“读意图,而不是关键词”:用户描述的是他们看到或感受到的东西(如“有弹性”“滑出去”“自己画出来”),而不是技术名词。技能会把这种感受映射到词汇表中。
返回格式与规则 技能会以固定格式返回匹配术语,例如:Stagger — 多个项目依次动画,每一项之间有小延迟,形成层叠效果。若多个术语都适用,会先列最佳匹配,再列 1–2 个备选,并用一句话说明差异。官方要求词汇表中的描述要逐字引用,视为权威,不得改述。对于相近术语(如 Clip-path 与 Mask、Pop in 与 Bounce、Shared element transition 与 Layout animation)要做出区分,帮助用户选择。若没有完全匹配的术语,会给出最接近的名称并明确说明这只是近似,或用词汇表中的词汇来描述该效果(例如“那是 scale-in 入场的 stagger”)。若某个术语确实不在词汇表中,会直接说明,而不是编造。回答要求简洁:命名问题要的是名称,不是长篇大论;先给出术语,只有被追问时才展开。
使用方式 用户用自然语言松散地描述一个效果,技能返回匹配术语。技能首次被调用且没有具体问题时,只会回复一句固定内容,说明自己已准备好为任何描述的运动效果命名,且知识来源是 Emil Kowalski 的动画理念;在用户提问前不提供其他信息。官方给出的示例包括:基于感觉的提问(弹出框从被点击的按钮处长出来)对应 Origin-aware animation;需要消歧的提问(一张图片变成另一张图片)对应 Morph,并列出 Crossfade 与 Shared element transition 作为备选;物理感觉的提问(iOS 滚动拉过头会抵抗并回弹)对应 Rubber-banding。
词汇表范围 词汇表分为若干类别,涵盖:入场与退场(Fade in/out、Slide in、Scale in、Pop in、Reveal、Enter/Exit);时序与编排(Keyframes、Interpolation/Tween、Stagger、Orchestration、Delay、Duration、Fill mode、Stepped animation);位移与变换(Translate、Scale、Rotate、Skew、3D tilt/Flip、Perspective、Transform origin、Origin-aware animation);状态之间的过渡(Crossfade、Continuity transition、Morph、Shared element transition、Layout animation、Accordion/Collapse、Direction-aware transition);滚动(Scroll reveal、Scroll-driven animation、Parallax、Page transition、View transition);反馈与交互(Hover effect、Press/Tap feedback、Hold to confirm、Drag、Drag to reorder、Swipe to dismiss、Rubber-banding、Shake/Wiggle、Ripple);缓动(Easing、Ease-out、Ease-in、Ease-in-out、Linear、Cubic-bezier、Asymmetric easing);弹簧动画(Spring、Stiffness/Tension、Damping、Mass、Bounce、Perceptual duration、Momentum、Velocity、Interruptible animation);循环与氛围动效(Marquee、Loop、Alternate/yoyo、Orbit、Pulse、Float、Idle animation);效果与润色(Blur、Clip-path、Mask、Before/after slider、Line drawing、Text morph、Skeleton/Shimmer、Number ticker、Tabular numbers、Typewriter);性能(Frame rate/FPS、Jank、Dropped frame、Compositing、will-change、Layout thrashing);以及应知原则(Purposeful animation、Anticipation、Follow-through、Squash & stretch、Perceived performance、Frequency of use、Spatial consistency、Hardware acceleration、Reduced motion)。
适用场景与限制 适合需要准确沟通动效名称的设计师、前端开发者或产品人员。限制方面:该技能只做术语反向查询,不提供实现代码、不安装任何依赖、不执行动画;它限定在自身词汇表范围内,词汇表之外的术语会明确说明不存在;其知识来源被称为 Emil Kowalski 的动画理念,但资料未提供该理念的更多细节、作者背景或其他来源。该技能不需要付费或安装,资料中未提及收费、价格或平台限制。