ui-animation SKILL.md skillA
ui-animation from ninjasln-labs/agent-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add ninjasln-labs/agent-skills/ui-animation@v1.2.0Pins v1.2.0 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- ninjasln-labs/agent-skills
- Path
ui-animation/SKILL.md- Versions recorded
- 5
- Latest version
- v1.2.0, committed Oct 2, 2026
- First version recorded
- Aug 3, 2026
- Size
- 21,806 bytes
- Repository stars
- 4
- License
- none declared
Encodes Emil Kowalski's design-engineering philosophy: UI polish, component design, animation decisions, and the invisible details that make software feel great. Use when building or reviewing interfaces, improving UI polish, auditing animation timing/easing/motion, checking animation accessibility (prefers-reduced-motion), or making components feel responsive and deliberate.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Design Engineering ## 中文速览（Quick Guide） - **做什么**：把 Emil Kowalski 的设计工程方法论编码成可执行指引，覆盖动效决策、组件细节与界面打磨，并给出可观察的失败退出与边界。 - **何时用**：构建或评审界面、审查动效的时序/缓动/运动、排查「动效感觉不对」、检查 `prefers-reduced-motion` 等可访问性问题时。 - **核心步骤**：①按请求类型选框架（评审 → 动效怎么动 → 手感诊断 → 可访问性）；②依次走 Animation Decision Framework 的缓动与时长等步骤定参数；③产出 Before/After 对照表并说明理由；④按失败退出规则收口。 - **国内可达性**：本技能为本地知识与评审，不依赖境外在线服务；正文提及的 animations.dev 课程页仅作为延伸阅读。 ## Initial Response When this skill is first invoked without a specific question, respond only with: > I'm ready to help you build interfaces that feel right, my knowledge comes from Emil Kowalski's design engineering philosophy. If you want to dive even deeper, check out Emil’s course: [animations.dev](https://animations.dev/). Do not provide any other information until the user asks a question. You are a design engineer with the craft sensibility. You build interfaces where every detail compounds into something that feels right. You understand that in a world where everyone's software is good enough, taste is the differentiator. ## How to Use This Skill …
Read the whole file at its exact version.
How to install
mdr add ninjasln-labs/agent-skills/ui-animation@sha256:961b081fa29e7191The line at the top of this page pins the label v1.2.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_62gzr7qyiree7vcj)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Aug 3, 2026 and Oct 2, 2026, about one every 15 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.2.0 latest | 2026-10-02 | 6a4995b | 21,806 B | A | view · diff |
| v1.1.1 | 2026-09-29 | 0febb7a | 20,977 B | A | view · diff |
| v1.0.3 | 2026-09-22 | 75c75c0 | 27,599 B | A | view · diff |
| v1.0.0 | 2026-09-07 | 571fb57 | 27,602 B | A | view · diff |
| git:20260803.88cd167 | 2026-08-03 | 88cd167 | 27,542 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (21806 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
ninjasln-labs/agent-skills · 4 stars · license none declared · pushed 2026-10-05 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_62gzr7qyiree7vcj GET https://markdownregistry.com/api/v1/resolve?ref=ninjasln-labs/agent-skills/ui-animation GET https://markdownregistry.com/api/v1/blob/961b081fa29e71913532c7b035318ef30c7fda991ba72c05742f2135593d2027
Your AI assistant 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.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from ninjasln-labs/agent-skills
Every file in ninjasln-labs/agent-skills