Home / asymmetric-al / core · .agents/skills/animation-vocabulary/SKILL.md · GitHub

animation-vocabulary skillA

animation-vocabulary is agent-read markdown (skill) from asymmetric-al/core: 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..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# Animation Vocabulary

<!-- CORE-OVERLAY-START -->

## This repository (Asymmetric-al/core)

This repo-owned overlay keeps the upstream glossary narrow and compatible with
Core's canonical frontend guidance. Reconcile it after upstream refreshes
before running `bun run skills:sync`.

### Triggers

- A user describes a motion effect but does not know its name.
- A design or implementation discussion needs precise animation vocabulary.
- Do not use this skill as the implementation or review standard.

### Workflow

1. Use the upstream glossary to name and disambiguate the effect.
2. Keep the answer concise and do not turn a naming request into UI work.
3. If implementation or review follows, load `docs/ai/rules/frontend.md` and
   `docs/ai/skills/anim/SKILL.md`; those repo contracts win.

### Checklist

- [ ] The response leads with the most precise glossary term.
- [ ] Close alternatives are distinguished without inventing vocabulary.
- [ ] Any implementation advice is deferred to Core's frontend and motion
      rules.

<!-- CORE-OVERLAY-END -->

Turn a vague description of a motion or effect into the precise term, so the user knows what to ask for.

## Quick Start
…

Read the whole file at its exact version.

How to install

Latest version
mdr add asymmetric-al/core/animation-vocabulary@git:20260711.f4e10a0
Exact content
mdr add asymmetric-al/core/animation-vocabulary@sha256:9e0a3a938651baa8

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_6fnvlfjdtjn4ykkz.svg)](https://markdownregistry.com/a/art_6fnvlfjdtjn4ykkz)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260711.f4e10a0 latest2026-07-11 f4e10a0 14,199 BA view · diff
git:20260711.2c061182026-07-11 2c06118 14,183 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (14199 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

asymmetric-al/core · 383 stars · license AGPL-3.0 · pushed 2026-09-23 · branch develop

API

GET https://markdownregistry.com/api/v1/artifacts/art_6fnvlfjdtjn4ykkz
GET https://markdownregistry.com/api/v1/resolve?ref=asymmetric-al/core/animation-vocabulary
GET https://markdownregistry.com/api/v1/blob/9e0a3a938651baa88ad7ec1589100139485ac62f3926e04b7b28ed44c1798912

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from asymmetric-al/core

accessibility-review skill
asymmetric-al/core · .agents/skills/accessibility-review/SKILL.md · Audit and fix accessibility in Core UI. Use when changing or reviewing buttons, links, forms, validation, dialogs…
git:20260715.59137de · audit A · 383 stars
agent-browser skill
asymmetric-al/core · .agents/skills/agent-browser/SKILL.md · Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages…
git:20260526.54acd2a · audit A · 383 stars
agent-email-inbox skill
asymmetric-al/core · .agents/skills/agent-email-inbox/SKILL.md · Use when building any system where email content triggers actions — AI agent inboxes, automated support handlers…
v3.0.2 · audit F · 383 stars
anim skill
asymmetric-al/core · .agents/skills/anim/SKILL.md · Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. Use when adding or reviewing…
git:20260725.705f77b · audit A · 383 stars
api-design-principles skill
asymmetric-al/core · .agents/skills/api-design-principles/SKILL.md · Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight…
git:20260311.27f086e · audit A · 383 stars
apple-design skill
asymmetric-al/core · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
git:20260711.f4e10a0 · audit A · 383 stars
architecture-patterns skill
asymmetric-al/core · .agents/skills/architecture-patterns/SKILL.md · Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven…
git:20260311.27f086e · audit A · 383 stars
ask-matt skill
asymmetric-al/core · .agents/skills/ask-matt/SKILL.md · Ask which skill or flow fits your situation. A router over the skills in this repo.
git:20260711.2c06118 · audit A · 383 stars
babysit skill
asymmetric-al/core · .agents/skills/babysit/SKILL.md · Orchestrate via @babysitter. Use this skill when asked to babysit a run, orchestrate a process or whenever it is called…
git:20260715.3c47699 · audit A · 383 stars
base-ui skill
asymmetric-al/core · .agents/skills/base-ui/SKILL.md · Build accessible, composable UI with @base-ui/react primitives and project styling tokens. Use when creating or…
git:20260603.c42511a · audit A · 383 stars
bats-testing-patterns skill
asymmetric-al/core · .agents/skills/bats-testing-patterns/SKILL.md · Master Bash Automated Testing System (Bats) for comprehensive shell script testing. Use when writing tests for shell…
git:20260218.b20f2c8 · audit A · 383 stars
bendc-frontend-guidelines skill
asymmetric-al/core · .agents/skills/bendc-frontend-guidelines/SKILL.md · HTML, CSS, and JavaScript craft guidelines from bendc/frontend-guidelines — semantics, a11y basics, selector…
v1.0.0 · audit A · 383 stars

Every file in asymmetric-al/core

Other files named animation-vocabulary

animation-vocabulary skill
emilkowalski/skills · skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260915.85e8e23 · audit A · 40,951 stars
animation-vocabulary skill
mweinbach/agent-coworker · .agents/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260712.1fc7712 · audit A · 156 stars
animation-vocabulary skill
mweinbach/agent-coworker · .claude/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260712.1fc7712 · audit A · 156 stars
animation-vocabulary skill
jialuohu/codex-toolbox · plugins/design-engineering-tools/skills/animation-vocabulary/SKILL.md · Use when a user describes a web motion effect without knowing its term and needs precise animation vocabulary rather…
git:20260730.0d17910 · audit A · 11 stars
animation-vocabulary skill
tamnguyendinh/anvien · internal/aicontext/skills/UI-animation-design/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260714.847362c · audit A · 10 stars

Browse by kind, by grade A, or by owner.