Animation Vocabulary Skill 安全审计

2name: animation-vocabulary3description: Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.4---

243. **Disambiguate close terms.** When two compete (*Clip-path* vs *Mask*, *Pop in* vs *Bounce*, *Shared element transition* vs *Layout animation*), contrast them so the user can pick.254. **When nothing matches exactly,** name the closest term and say plainly it's an approximation, or describe the effect in the glossary's vocabulary (e.g. "that's a *stagger* of *scale-in* entrances").265. **Stay within this glossary.** If a term genuinely isn't here, say so rather than inventing one — though you may explain the concept using these words.276. **Keep it tight.** A naming question wants a name, not an essay. Lead with the term; expand only if asked.

1112The user describes an effect loosely. You return the matching term(s) in this format:1314```15**Stagger** — Animate several items one after another with a small delay between each, creating a cascade.16```1718If several terms could fit, list the best match first, then 1–2 alternates with a one-line note on how they differ.19

5556## Glossary5758_A curated snapshot mirroring the project's `/vocabulary` page; keep the two in sync when either changes._5960### Entrances & Exits — how elements appear and disappear61- **Fade in / Fade out** — Element appears or disappears by changing opacity.