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

anim skillA

anim is agent-read markdown (skill) from asymmetric-al/core: Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. Use when adding or reviewing interface motion — hover and press feedback, entrances and exits, modals, toasts, menus, loading and skeleton states, staggered reveals, page or view transitions — so motion stays refined and purposeful, not decorative. Covers CSS, Web Animations, and React timing/easing. Pair with the motion skill for motion/react API specifics..

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

# Tasteful Web Animation — Skill

**Name:** `anim`
**Purpose:** Tasteful, subtle web animations following Emil Kowalski's philosophy and animations.dev principles. Use this skill when adding motion to interfaces — hover states, page transitions, micro-interactions, loading states, or any UI animation — so motion stays refined and purposeful, not decorative noise.

**Applies when:** Adding or reviewing UI motion (CSS, Web APIs, or React); hover and press feedback; entrances/exits; modals, toasts, menus; loading and skeleton patterns; staggered reveals; page or view transitions.

**Do not use when:** Motion would hurt clarity or accessibility; the task is only `motion/react` plumbing — pair with the `motion` skill for API specifics. Skip motion for validation errors, critical errors, actively read content, and high-frequency live updates.

## Workflow

1. Decide what the motion communicates (feedback, hierarchy, spatial continuity) — not decoration.
2. Choose a duration tier: micro-interactions 150–250ms, standard transitions 200–350ms, orchestrations 400–600ms total; keep total under ~1s unless it is true loading feedback.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add asymmetric-al/core/anim@git:20260725.705f77b
Exact content
mdr add asymmetric-al/core/anim@sha256:7757c7cfb791664c

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_owatdmdky33ckuuf.svg)](https://markdownregistry.com/a/art_owatdmdky33ckuuf)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260725.705f77b latest2026-07-25 705f77b 22,985 BA view · diff
git:20260701.601b7382026-07-01 601b738 22,979 BA view · diff
git:20260629.cac52242026-06-29 cac5224 21,310 BA view · diff
git:20260629.583029d2026-06-29 583029d 22,966 BA view · diff
git:20260612.9ac3f472026-06-12 9ac3f47 20,823 BC 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 (22985 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_owatdmdky33ckuuf
GET https://markdownregistry.com/api/v1/resolve?ref=asymmetric-al/core/anim
GET https://markdownregistry.com/api/v1/blob/7757c7cfb791664cedfc44d556e5c9476b664e75e14bf04cb056de2ce7230c29

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
animation-vocabulary skill
asymmetric-al/core · .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:20260711.f4e10a0 · 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

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