Communitygithub.com

patricio0312rev/framer-motion-animator

Cria animações suaves e micro-interações usando Framer Motion, incluindo transições de página, gestos, animações baseadas em rolagem e sequências orquestradas. Use quando os usuários solicitarem "adicionar animação", "framer motion", "transição de página", "animar componente" ou "micro-interações".

O que é framer-motion-animator?

Esta skill é especializada em implementar animações e micro-interações utilizando a biblioteca Framer Motion no ecossistema React. Ela facilita a criação de transições de página suaves, animações baseadas em gestos (como arrastar), efeitos acionados por rolagem (scroll), e sequências orquestradas de animação. Indicada para desenvolvedores que usam ferramentas de agente de IA como Claude Code, Cursor ou Codex, ela interpreta solicitações genéricas do usuário como "adicionar animação" ou "micro-interações" e gera código pronto para uso. A skill se baseia na documentação SKILL.md para fornecer implementações otimizadas e prontas para produção, poupando tempo e garantindo boas práticas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/patricio0312rev/skills/tree/main/skills/framer-motion-animator

Perguntar na sua IA favorita

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

Documentação

O que framer-motion-animator faz?

Cria animações suaves e micro-interações usando Framer Motion, incluindo transições de página, gestos, animações baseadas em rolagem e sequências orquestradas. Use quando os usuários solicitarem "adicionar animação", "framer motion", "transição de página", "animar componente" ou "micro-interações".

Habilidades Relacionadas