Biblioteca de Motion — скилл

---
name: biblioteca-de-motion-documental
description: Traduz pedidos de animação em português ("faz o número quicar", "entra um depois do outro", "dá um tranco no zoom") para o efeito de motion graphics certo, com o termo técnico, a duração e a aceleração. Use sempre que o usuário pedir animação, motion, transição ou efeito em vídeo, HTML, CSS, GSAP, Remotion, HyperFrames ou After Effects, principalmente quando o pedido for vago ("faz uma animação bonita") ou o vídeo for de canal dark (faceless) de curiosidades, história ou documentário. Also triggers on English requests for motion graphics, easing and animation effects in documentary or faceless YouTube videos.
---

# Biblioteca de Motion apenasdouglas · Versão Documental

Quem pede animação em português raramente usa o nome técnico do efeito. Esta skill faz a ponte: identifica o efeito pelo jeito que a pessoa fala, aplica o termo certo e usa parâmetros que funcionam de primeira.

## Como usar

1. Leia o pedido e procure as expressões da coluna "como a pessoa fala" na tabela abaixo.
2. Se achou, aplique o efeito com os parâmetros padrão. Ajuste só se o pedido disser outra coisa (duração, direção, intensidade).
3. **Se o pedido for vago** ("faz bonito", "dá uma animada", "deixa mais dinâmico"), não invente. Proponha 2 ou 3 efeitos da biblioteca pelo nome em português e pelo termo, dizendo onde cada um entraria, e espere a escolha.
4. Ao entregar, diga o nome do efeito que usou, nos dois idiomas. Assim a pessoa aprende o vocabulário e pede direto da próxima vez.

## Os 24 efeitos

### Entradas

| # | Efeito | Termo | Como a pessoa fala | Padrão |
|---|---|---|---|---|
| 01 | Surgir | fade in | "aparecer suave", "surgir", "ir aparecendo" | opacidade 0 → 1 em 0,4 s, ease-out (`power2.out`) |
| 02 | Deslizar | slide in | "vir da direita", "entrar de lado", "deslizar" | deslocamento de 40 a 80 px + fade, 0,5 s, `power3.out` |
| 03 | Aparecer com salto | pop in | "pular na tela", "aparecer estourando", "saltar" | escala 0 → 1 passando do ponto, 0,35 s, `back.out(1.7)` |
| 04 | Crescer | scale up | "crescer", "ir aumentando", "ganhar destaque" | escala 0,8 → 1 + fade, 0,6 s, `power2.out` |
| 05 | Do borrado ao nítido | blur in | "sair do desfoque", "entrar fora de foco", "ganhar nitidez" | blur 12 px → 0 + fade, 0,6 s, `power2.out` |
| 06 | Cascata | stagger | "um depois do outro", "em sequência", "em fila" | 0,06 a 0,1 s entre itens, cada item com a entrada escolhida |

### Ritmo (a física do movimento)

| # | Efeito | Termo | Como a pessoa fala | Padrão |
|---|---|---|---|---|
| 07 | Passa do ponto e volta | overshoot | "com tranco", "passa e volta", "com energia" | `back.out(2)`, 0,5 s |
| 08 | Quicar | bounce | "quicar", "pingar", "cair e pular" | `bounce.out`, 0,8 a 1 s |
| 09 | Mola | spring | "como mola", "esticar e voltar", "molinha" | Motion/Framer: `type: "spring", stiffness: 170, damping: 12`. Em GSAP, aproxime com `elastic.out(1, 0.6)` |
| 10 | Acelera e freia | ease in-out | "suave", "natural", "sem robótico" | `power2.inOut` ou `cubic-bezier(.65,0,.35,1)`. Quase sempre melhor que linear |
| 11 | Elástico | elastic | "tremer até parar", "borracha", "vibrar" | `elastic.out(1, 0.3)`, 0,8 a 1,2 s |
| 12 | Pulsar | pulse | "pulsar", "respirar", "piscar", "chamar atenção" | escala 1 → 1,08 → 1, 1,2 s por ciclo, `sine.inOut`, em loop |

### Texto e números

| # | Efeito | Termo | Como a pessoa fala | Padrão |
|---|---|---|---|---|
| 13 | Máquina de escrever | typewriter | "digitando", "letra por letra" | 25 a 40 caracteres por segundo, cursor piscando opcional |