motion-design SKILL.md skillA

motion-design from felvieira/claude-skills-fv is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add felvieira/claude-skills-fv/motion-design@git:20260919.9ec8972

Pins git:20260919.9ec8972 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
felvieira/claude-skills-fv
Path
skills/12-motion-design/SKILL.md
Versions recorded
7
Latest version
git:20260919.9ec8972, committed Sep 19, 2026
First version recorded
Aug 22, 2026
Size
29,258 bytes
Repository stars
24
License
Apache-2.0

Skill de Motion Design para animações, transições e micro-interações. Use quando precisar definir ou implementar animações de interface, transições entre páginas, efeitos de hover/click/focus, loading states animados, ou qualquer interação visual com movimento. Trigger em: "animacao", "transicao", "motion", "micro-interacao", "framer motion", "spring", "easing", "parallax", "scroll animation", "hover effect", "shared element", "flip", "layout animation", "haptic", "vibracao…

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

# Motion Design - Animações, Transições e Micro-Interações

O Motion Designer entra após o Frontend, quando os componentes estão prontos para receber vida. Toda animação deve ser intencional, performática e acessível.

## Governanca Global

Esta skill segue `GLOBAL.md`, `policies/execution.md`, `policies/handoffs.md`, `policies/token-efficiency.md`, `policies/stack-flexibility.md` e `policies/evals.md`.

Para exemplos extensos de tokens e variants, consultar `docs/skill-guides/motion-design.md` apenas quando necessario.

Para ajustes pontuais de acabamento (scale on press, animacao contextual de icone, skip animation on load, split/stagger de entrada, saida sutil), ver `skills/52-ui-polish/SKILL.md` — esta skill (12) e dona do sistema de motion tokens; a 52 cobre o detalhe fino que faz o motion parecer refinado.

## Quando Usar

- adicionar movimento significativo a componentes e fluxos
- definir microinteracoes, transicoes e comportamento de entrada/saida

## Quando Nao Usar

- para substituir UI/UX estrutural ou implementacao frontend base
- quando o movimento nao agrega clareza ou acessibilidade

## Entradas Esperadas

- componentes frontend ja definidos
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add felvieira/claude-skills-fv/motion-design@sha256:a49461e7b074fe0b

The line at the top of this page pins the label git:20260919.9ec8972, 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.

Badge

mdr badge

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

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 7 versions of this file, between Aug 22, 2026 and Sep 19, 2026, about one every 5 days.

versioncommittedcommitsizeaudit
git:20260919.9ec8972 latest2026-09-19 9ec8972 29,258 BA view · diff
git:20260909.05bda7c2026-09-09 05bda7c 28,191 BA view · diff
git:20260826.f3492ef2026-08-26 f3492ef 27,739 BA view · diff
git:20260826.e3e5a0d2026-08-26 e3e5a0d 27,076 BA view · diff
git:20260826.54db9762026-08-26 54db976 26,045 BA view · diff
git:20260826.c062c8d2026-08-26 c062c8d 25,540 BA view · diff
git:20260822.50fd8102026-08-22 50fd810 24,615 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the 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 (29258 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

felvieira/claude-skills-fv · 24 stars · license Apache-2.0 · pushed 2026-10-13 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_oe2h4rhkqb5zapva
GET https://markdownregistry.com/api/v1/resolve?ref=felvieira/claude-skills-fv/motion-design
GET https://markdownregistry.com/api/v1/blob/a49461e7b074fe0b023cf16112a5952dcf4754cfa49b14b26e29133a4c63a3c2

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 felvieira/claude-skills-fv

AGENTS.md AGENTS.md file
felvieira/claude-skills-fv · AGENTS.md
git:20261011.8737e28 · audit A · 24 stars
CLAUDE.md CLAUDE.md file
felvieira/claude-skills-fv · CLAUDE.md
git:20260919.b968287 · audit A · 24 stars
po-feature-spec SKILL.md skill
felvieira/claude-skills-fv · skills/01-po-feature-spec/SKILL.md · Skill do Product Owner para especificação de features. Use quando precisar definir requisitos de negócio, escrever user…
git:20260911.446d12e · audit A · 24 stars
ui-ux-design SKILL.md skill
felvieira/claude-skills-fv · skills/02-ui-ux-design/SKILL.md · Skill do Designer UI/UX para interfaces e experiência do usuário: wireframes, design system tokens, componentes de UI…
git:20260927.356cda5 · audit A · 24 stars
backend-api SKILL.md skill
felvieira/claude-skills-fv · skills/03-backend-api/SKILL.md · Skill do Backend Developer para definição de APIs, banco de dados, e lógica de servidor. Use quando precisar definir…
git:20260909.c321d06 · audit A · 24 stars
frontend-integration SKILL.md skill
felvieira/claude-skills-fv · skills/04-frontend-integration/SKILL.md · Skill do Frontend Developer para implementação com React/Next.js, Zustand, React Query, e Skeleton loading. Use quando…
git:20260909.c321d06 · audit A · 24 stars
qa-testing SKILL.md skill
felvieira/claude-skills-fv · skills/05-qa-testing/SKILL.md · Skill do QA Engineer para testes unitarios, integracao e E2E. Use quando precisar escrever testes, validar regressao…
git:20260909.4b28693 · audit A · 24 stars
security-review SKILL.md skill
felvieira/claude-skills-fv · skills/06-security-review/SKILL.md · Skill do Security Reviewer para auditoria de segurança e boas práticas. Use quando precisar revisar código para…
git:20260909.4b28693 · audit A · 24 stars
deploy-docker SKILL.md skill
felvieira/claude-skills-fv · skills/07-deploy-docker/SKILL.md · Skill do DevOps/Deployer para dockerização, CI/CD, e deploy de aplicações. Use quando precisar criar Dockerfile…
git:20260909.4b28693 · audit A · 24 stars
context-manager SKILL.md skill
felvieira/claude-skills-fv · skills/08-context-manager/SKILL.md · Skill de gerenciamento de contexto e tarefas usando o mecanismo de task, memoria ou checklist disponivel no…
git:20260909.4b28693 · audit A · 24 stars
orchestrator SKILL.md skill
felvieira/claude-skills-fv · skills/09-orchestrator/SKILL.md · Skill do Tech Lead/Orquestrador do pipeline de desenvolvimento. Deve ser usada no inicio de toda task e entre etapas…
git:20260909.4b28693 · audit A · 24 stars
documenter SKILL.md skill
felvieira/claude-skills-fv · skills/10-documenter/SKILL.md · Skill de Documentação por nível de decisão. Use quando precisar documentar features, APIs, arquitetura, setup…
git:20260919.9ec8972 · audit A · 24 stars

Every file in felvieira/claude-skills-fv

Other files named motion-design

motion-design SKILL.md skill
nahid-sparktales/agent-dispatcher · skills/design/motion-design/SKILL.md · Decide what an animation is communicating, then give it a duration, an easing curve, an interruption behaviour and a…
git:20260919.a0d4f55 · audit A · 59 stars
motion-design SKILL.md skill
scorp1o117/dsh-motion-ui · skills/motion-design/SKILL.md · Apply motion craft to an active task: refine a brief, beat map, visual continuity, typography, pacing, and timeline…
git:20261017.9c3f62e · audit B · 31 stars
motion-design SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/motion-design/SKILL.md · Restrained, accessible web motion — Framer Motion declarative patterns and CSS-only staggered reveals for high-impact…
git:20260709.499ff0b · audit A · 25 stars
motion-design SKILL.md skill
blixvip/skills · motion-design/SKILL.md · Design the actual frames for motion graphics and generated UI — palette derived from the footage, type pairing, one of…
git:20260918.9d305f6 · audit A · 4 stars
motion-design SKILL.md skill
gastonchevarria/god-mode · plugins/god-mode-design/skills/motion-design/SKILL.md · Implements UI motion in code: springs, press feedback, staggered entrances, skeletons, reduced-motion fallback, on…
git:20261014.522e28a · audit A · 3 stars

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