Animation Vocabulary 是一个把模糊的动效描述“翻译”成准确专业术语的词典工具,托管在 skills.sh,来源项目为 shadcn-labs/snapcn。它的核心目标是:当用户说不清某个网页动画或动态效果叫什么时,帮助用户找到精确的术语,从而知道该如何提出需求、如何与他人沟通。
用途 它面向的典型场景是:用户用日常语言描述看到或感受到的效果,而不是用技术名词。例如“弹窗好像从被点击的按钮里长出来,而不是从它中间出现”这类描述。工具会将其对应到确切的术语,并给出该术语的解释。
主要能力
- 反查术语:根据用户对效果的口语化描述,返回匹配的术语名称与解释。
- 输出格式统一:以“术语名称 —— 解释”的形式呈现。
- 多候选处理:当有多个术语都适配时,先给出最匹配的一项,再列出 1 至 2 个备选,并用一句话说明它们的差异。
- 近义词辨析:对容易混淆的术语做对比,例如 Clip-path 与 Mask、Pop in 与 Bounce、Shared element transition 与 Layout animation,帮助用户做出选择。
- 无精确匹配时的处理:给出最接近的术语并明确说明这是近似结果,或者用术语表中的词汇来组合描述该效果(例如“那是一个 scale-in 入场效果的 stagger”)。
- 限定在术语表内:若某个概念确实不在术语表中,会直接说明,而不是编造新词,但可以用表内已有的词来解释该概念。
- 保持简洁:命名类问题以给出术语为先,除非用户要求,否则不展开长篇解释。
使用方式 用户用自然语言描述看到或感受到的动效(如“有弹性”“滑走”“自己画出来”“拉过头会回弹”等),工具读取其意图而非关键词,然后从术语表中匹配并返回结果。工具要求逐字引用术语表的描述,不改写、不意译;术语表的描述被视为权威内容。若术语表更新,需保持与项目 /vocabulary 页面同步。
术语表覆盖范围
- 入场与退场: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。
适用场景 适合设计师、前端开发者,以及任何需要准确命名或描述网页动效的人。它帮助用户把“感觉”转化为可沟通、可检索的专业词汇,便于设计评审、需求传达与实现讨论。
限制 该工具限定在其术语表范围内工作。若目标概念不在表中,它会说明没有对应词条,而不会臆造术语。它并不执行动画、也不生成代码,只做术语反查与辨析;有关实现细节、是否收费、价格、平台与效果等,资料暂未提供。