animation-vocabulary
This skill provides a reverse-lookup glossary for web animation and motion design terminology. It maps user descriptions of motion effects to their technical names and definitions.
Is animation-vocabulary safe to install?
Safe to install: our audit of animation-vocabulary's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill performs passive text generation based on a provided glossary. It does not execute code or access external network resources.
How we audit skills: our security review methodology.
Who is this skill for?
Designers, developers, and AI users who need to identify or name specific web animation effects based on visual descriptions.
What can you do with it?
- Identifying the technical name for a described motion effect
- Clarifying terminology for AI prompts or design documentation
- Disambiguating between similar animation techniques
How good is this skill?
Quality score: 5/10. The skill is well-defined, provides clear instructions for its use, and includes a comprehensive, structured glossary.
What does the skill file contain?
# Animation Vocabulary
Turn a vague description of a motion or effect into the precise term, so the user knows what to ask for.
## Quick Start
The user describes an effect loosely. You return the matching term(s) in this format:
```
**Stagger** — Animate several items one after another with a small delay between each, creating a cascade.
```
If several terms could fit, list the best match first, then 1–2 alternates with a one-line note on how they differ.
## Instructions
1. **Read for intent, not keywords.** Users describe what they *see* or *feel* ("springy", "slides off", "draws itsel...Frequently asked questions
Does this skill design animations?
No. It provides names and definitions for existing animation concepts to help users communicate their requirements.
What happens if a term is not in the glossary?
The skill states that the term is not in the glossary rather than inventing one, though it may explain the concept using the provided vocabulary.
Can I use this to generate CSS code?
No. The skill focuses on naming and defining effects, not generating implementation code.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
brainstorming
256.4KDevelopers and project managers who need to define requirements, architecture, and design for software projects before writing code
A structured brainstorming framework that guides users through project exploration, design proposal, and specification before implementation. It enforces a strict design-first workflow, requiring user approval for designs and documentation before transitioning to the writing-plans skill.
simple
221.4KDevelopers and project managers who need a fast, lightweight decision-making process for feature design or component creation
A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.
hyperframes
157.0KDevelopers and content creators who need to automate video production, motion graphics, or code-based video editing using HTML and CLI-based workflows
HyperFrames is an intent-routing skill that manages video, animation, and motion graphic creation by directing requests to specialized workflows. It renders video from HTML compositions where timing is defined by data attributes. The skill acts as a central entry point for authoring, editing, and rendering video projects.