skills.rest
fayazara
fayazaraCOMMUNITY
Explore all skills by this author →
𝕏@fayazaraGitHub

animation-vocabulary

Translate descriptive motion phrases into standard animation terminology.

9|1|Updated Jul 11, 2026
Search Tags:#design#ui#vocabulary#animation#ux#motion
One-click install
npx skills add https://github.com/fayazara/pdfstudio-demo --skill animation-vocabulary-fayazara
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/fayazara/pdfstudio-demo/tree/main/.agents/skills/animation-vocabulary
Command: npx skills add https://github.com/fayazara/pdfstudio-demo --skill animation-vocabulary-fayazara

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill bridges the communication gap between non-technical users and designers or developers by mapping vague descriptions of motion effects to their precise industry-standard terminology.

Core Features & Use Cases

  • Reverse-Lookup Glossary: Converts descriptive phrases like "the bouncy thing" into technical terms like "Pop in".
  • Disambiguation: Clarifies the differences between similar effects (e.g., Crossfade vs. Morph) to ensure accurate communication.
  • Use Case: A product manager wants to request a specific UI feel from a developer but doesn't know the name of the effect; they use this Skill to identify the correct term, ensuring the developer builds exactly what was envisioned.

Quick Start

Ask the animation-vocabulary skill to identify the technical term for an effect where an element grows out of the button that triggered it.

Frequently Asked Questions about animation-vocabulary

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find the technical term for a UI animation effect I want to request?▼

To find the correct UI animation terminology, describe the visual motion or feel you want. This skill translates subjective phrases like "the bouncy thing" into precise industry-standard terms like "Pop in" for accurate developer communication.

What is the difference between a crossfade and a morph in motion design?▼

The difference between a crossfade and a morph in motion design lies in their visual execution. This skill disambiguates similar UI animation effects by providing authoritative definitions to ensure accurate specification between designers and developers.

How do I specify UI motion effects for a developer without knowing design vocabulary?▼

To specify UI motion effects without knowing design vocabulary, use descriptive phrases for the desired animation. This skill acts as a reverse-lookup glossary, mapping your non-technical motion descriptions to exact UX terminology for your developer.

Can I use this to clarify vague UX animation requests from stakeholders?▼

You can use this to clarify vague UX animation requests from stakeholders by translating their subjective descriptions into standard motion design terms. It bridges the communication gap between non-technical users and developers during the specification process.

What do I call an animation where an element grows out of a triggered button?▼

An animation where an element grows out of a triggered button is identified by asking this skill for the exact term. It translates your visual description of the expanding motion effect into precise UX terminology for your design specification.

Related Skills

Explore More Design & Creative Skills→
Saifeldin2401Saifeldin2401

Animation Vocabulary

Translate subjective motion descriptions into precise technical animation terminology.

Community
Basic
batdorj-sbatdorj-s

review-animations

Review animation and motion code against ten design engineering standards.

Community
Advanced
dylantarredylantarre
38

animation-principles

Map Disney's 12 animation principles to UI motion guidelines.

Community
Basic
gigun-devgigun-dev

animation-vocabulary

Translates descriptive language into precise web animation and motion design terminology for UI transitions and interactions.

Community
Basic