skills.rest
harshitcodes1308
harshitcodes1308COMMUNITY
Explore all skills by this author →
WebsiteGitHub

animation-vocabulary

Identify web animation terms from vague descriptions using an internal glossary.

Updated Jul 1, 2026
Search Tags:#ui/ux#web design#animation#motion effect#animation naming
One-click install
npx skills add https://github.com/harshitcodes1308/padh.ai --skill animation-vocabulary-harshitcodes1308
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animation-vocabulary
Source: https://github.com/harshitcodes1308/padh.ai/tree/main/.agents/skills/animation-vocabulary
Command: npx skills add https://github.com/harshitcodes1308/padh.ai --skill animation-vocabulary-harshitcodes1308

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists in finding the precise terms for various motion effects and animation styles found in web animations, providing users with the exact names when describing these effects.

Core Features & Use Cases

  • Reverse Lookup Glossary: Turns a vague description into an exact term for a motion effect.
  • Vague Descriptions: Ideal for users who describe effects without knowing the technical term.
  • Effect Naming: Useful for prompting an AI or designer, not for designing the effect itself.

Quick Start

Ask, "What's it called when a button bounces into view?" or "I see something like that iOS 'rubber-band' effect, but what's the name for it?"

Frequently Asked Questions about animation-vocabulary

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

FAQPage Schema
What is the correct UI/ux term for a web animation when I only have a vague description?▼

This Skill acts as a reverse lookup glossary to identify the precise web animation or motion effect term from your vague visual description, aiding UI/UX design discussions.

How do I find the specific motion effect name for an iOS rubber-band scroll behavior?▼

You can find the specific motion effect name by asking the Skill directly, such as querying what the iOS rubber-band effect is called, and it will identify the exact animation term from its internal glossary.

Can I use this to identify a web animation term for prompting an AI or a designer?▼

Yes, you can use this to identify a web animation term specifically for prompting an AI or a designer, but it does not design or generate the actual motion effect code for you.

What's the best way to look up animation naming conventions for web development?▼

The best way to look up animation naming conventions for web development is to provide a visual description of the motion effect, allowing the internal glossary to pinpoint the predefined technical term.

Does this animation glossary generate CSS or JavaScript code for the motion effects it identifies?▼

No, this animation glossary does not generate CSS or JavaScript code; it strictly provides the exact naming terminology for motion effects to facilitate clearer UI/UX communication.

Related Skills

Explore More Design & Creative Skills→
HorusGoulHorusGoul
8

animation-vocabulary

Identify precise web animation and motion effect terms from vague descriptions.

Community
Basic
zeitlinbzeitlinb

hyperframes-animation

Compose web animations using atomic motion patterns and runtime adapters.

Community
Advanced
ssimhanssimhan
1

frontend-ui

Guide frontend design workflows with prompts for typography, color, and branding.

Community
Basic
anis-marrouchianis-marrouchi

motion-animation

Integrate Framer Motion with Remotion for frame-synced animations.

Community
Intermediate