Communitygithub.com

msrbuilds/animate-css-skill

Habilidade do Claude Code que adiciona animações Animate.css v4.1.1 a HTML, React/JSX e templates PHP do WordPress — com suporte a gatilho de rolagem, RTL e movimento reduzido

O que é animate-css-skill?

Esta habilidade para o Claude Code integra a biblioteca Animate.css v4.1.1 em projetos HTML, React/JSX e WordPress, permitindo aplicar animações CSS pré-definidas de forma rápida e padronizada. Ela oferece suporte a modos avançados como gatilho de rolagem (Intersection Observer), direção RTL e preferência de movimento reduzido (prefers-reduced-motion). A habilidade é útil para desenvolvedores que desejam adicionar animações sem dependências JavaScript pesadas, mantendo acessibilidade e performance. Funciona gerando classes CSS configuradas via atributos `data-*`, classes ou propriedades de estado, de acordo com o framework alvo.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add msrbuilds/animate-css-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que animate-css-skill faz?

Habilidade do Claude Code que adiciona animações Animate.css v4.1.1 a templates HTML, React/JSX e WordPress PHP — com suporte a gatilho de rolagem, RTL e movimento reduzido.

Habilidades Relacionadas