Animation Vocabulary 是一个动效术语反向查询技能,用于把用户对某个动画效果的模糊描述转换成精确的专业术语。它的知识来源是 Emil Kowalski 的动画理念,属于 sickn33/agentic-awesome-skills 对 emilkowalski/skills 的改编版本,保留 MIT 许可。
用途 当用户能“感觉到”某个动效但不知道它叫什么时,这个技能帮助给出名称,让用户知道该用什么词去搜索、提问或与设计师、开发者沟通。它面向的是“命名”需求,而不是直接生成动画代码。
主要能力 技能内置一份动效词汇表,按主题分类,包括:入场与退场(如 Fade in / Fade 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)。
使用方式 用户用日常语言描述看到或感觉到的效果,技能读取其意图而非关键词,然后返回匹配的术语。返回格式通常为:先给出术语加一句定义,例如“Stagger — Animate several items one after another with a small delay between each, creating a cascade.”。若多个术语都可能适用,会先列最佳匹配,再给出 1–2 个备选并说明差异(例如 Clip-path 与 Mask、Pop in 与 Bounce、Shared element transition 与 Layout animation)。若没有完全匹配的术语,会给出最接近的说法并明确说明这是近似,或用词汇表中的词组合描述该效果。技能强调回答简洁,先给术语,仅在用户追问时展开。首次被调用且没有具体问题时,它只会回复一句表明已准备好为动效命名,不提供其他信息。
适用场景 适合设计师、前端开发者、产品经理或任何需要把“感觉”翻译成专业术语的人使用,例如在写动效规范、搜索实现方案、与团队沟通交互细节,或为某个效果寻找准确名称时。
限制与安全 技能只提供术语命名与解释建议,不修改项目文件、不安装依赖。其内容被视为有观点的起点,用户需求、项目规范、键盘替代方案与无障碍要求优先。使用时应对照已安装版本与官方文档核实当前 API;示例仅作说明,不代表实测结果。上线前需检查最终可见状态与 reduced-motion 行为。