Communitygithub.com

daffy0208/designer-de-animacoes

Especialista em animações web, transições e design de movimento usando Framer Motion e CSS.

O que é designer-de-animacoes?

Esta skill capacita o agente de IA como um designer de animações web especializado. Ela fornece conhecimento profundo e boas práticas para criar animações suaves, acessíveis e de alto desempenho em interfaces web usando principalmente Framer Motion (para React) e CSS. O agente pode gerar código de animações complexas, sugerir transições adequadas entre estados de interface, otimizar desempenho com hardware-acceleration e garantir que as animações respeitem preferências de movimento do usuário (prefers-reduced-motion). A skill é ideal para desenvolvedores front-end que usam React ou CSS puro e desejam implementar microinterações, animações de layout ou storytelling visual em seus projetos, cobrindo desde conceitos básicos como easing e keyframes até técnicas avançadas como gesture-driven e spring animations.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/daffy0208/ai-dev-standards/tree/main/skills/animation-designer

Perguntar na sua IA favorita

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

Documentação

O que designer-de-animacoes faz?

Especialista em animações web, transições e design de movimento usando Framer Motion e CSS.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas