Communitygithub.com

jakubantalik/transitions-dev

Transições CSS prontas para produção para aplicações web. Use ao implementar badges de notificação, dropdowns, modais, revelações de painéis, transições de página, redimensionamentos de cartões, pop-ins de números, trocas de texto, trocas de ícones, verificações de sucesso, hovers em grupos de avatar, shakes de estado de erro, limpeza de busca/input, loaders esqueleto, texto shimmer, abas deslizantes, tooltips ou revelações escalonadas de texto.

O que é transitions-dev?

Esta skill fornece um conjunto abrangente de transições CSS prontas para produção, projetadas para desenvolvedores web que desejam adicionar animações suaves e profissionais às suas aplicações de forma rápida e sem esforço. Ela cobre uma ampla variedade de casos de uso comuns, desde pequenos elementos de interface como badgets de notificação e hovers de grupo de avatar até componentes maiores como modais, revelações de painéis e transições de página. Além de animações de estado, como shakes de erro em formulários e loaders esqueleto, também oferece efeitos mais criativos como texto shimmer, abas deslizantes e revelações escalonadas de texto. A skill é acionada por comandos de linguagem natural como

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubantalik/transitions.dev/tree/main/skills/transitions-dev

Perguntar na sua IA favorita

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

Documentação

O que transitions-dev faz?

Transições CSS prontas para produção para aplicações web. Use ao implementar badges de notificação, dropdowns, modais, revelações de painéis, transições de página, redimensionamentos de cartões, pop-ins de números, trocas de texto, trocas de ícones, verificações de sucesso, hovers em grupos de avatar, shakes de estado de erro, limpeza de busca/input, loaders esqueleto, texto shimmer, abas deslizantes, tooltips ou revelações escalonadas de texto. Aciona com "adicione uma transição", "anime o dropdown", "faça o modal abrir suavemente", "trocar ícone", "deslize de página", "animação escalonada", "transição de abrir / fechar", "faça animar", "desbotar entre", "animação de sucesso", "erro de formulário", "chacoalhar no inválido", "elevação ao passar o mouse", "avatar empilhado hover", "limpar a busca", "loader esqueleto", "shimmer de carregamento", "texto shimmer", "abas deslizantes", "controle segmentado", "tooltip", "revelar texto". Também transições revelar, transições revisar, transições aplicar, transições refinar.

Habilidades Relacionadas