skills.rest
gigun-dev
gigun-devCOMMUNITY
Explore all skills by this author →
𝕏@gigun_devGitHub

animation-vocabulary

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

Updated Jul 10, 2026
Search Tags:#design#ui#vocabulary#glossary#animation#motion
One-click install
npx skills add https://github.com/gigun-dev/caldav --skill animation-vocabulary-gigun-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/gigun-dev/caldav/tree/main/.claude/skills/animation-vocabulary
Command: npx skills add https://github.com/gigun-dev/caldav --skill animation-vocabulary-gigun-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill bridges the communication gap between non-technical descriptions of motion and the precise industry terminology required for design and development.

Core Features & Use Cases

  • Reverse-lookup Glossary: Maps sensory descriptions like bouncy or rubber-band to technical terms like Pop in or Rubber-banding.
  • Disambiguation: Clarifies the differences between similar effects such as Crossfade versus Shared element transitions.
  • Use Case: When a stakeholder asks for the iOS rubber-band scroll effect, use this skill to identify the correct term and provide a clear definition for your engineering team.

Quick Start

Ask the animation-vocabulary skill to identify the name of the effect where an element bounces slightly when it appears on screen.

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 vague web animation description?▼

To find the technical term for a vague web animation description, you can map sensory phrases like bouncy to precise motion design terminology such as Pop in. This reverse-lookup glossary translates non-technical language into authoritative definitions for developers.

What is the difference between Crossfade and Shared element transitions?▼

The difference between Crossfade and Shared element transitions lies in their motion design mechanisms. Disambiguation features map similar UI transitions to authoritative definitions, clarifying visual distinctions to ensure accurate implementation and clear stakeholder communication.

How do I translate a request for the iOS rubber-band scroll effect for my engineering team?▼

To translate a request for the iOS rubber-band scroll effect, you map the descriptive stakeholder language to the exact Rubber-banding motion design terminology. This provides your engineering team with a clear, authoritative definition for accurate UI implementation.

What is the correct UI animation term when an element bounces slightly on screen?▼

The correct UI animation term when an element bounces slightly on screen is Pop in. Mapping feel-based visual descriptions to precise motion design terminology bridges the communication gap between designers and developers during interface interactions.

Related Skills

Explore More Design & Creative Skills→
Festo-WampambaFesto-Wampamba

animation-vocabulary

Identify exact animation terms from plain-language motion descriptions.

Community
Basic
Saifeldin2401Saifeldin2401

Animation Vocabulary

Translate subjective motion descriptions into precise technical animation terminology.

Community
Basic
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
Arupbiswas09Arupbiswas09

ui-design-core

Generate UI design layouts and components with color schemes, typography, and motion effects.

Community
Advanced