Communitygithub.com

jakubantalik/transitions-dev

Transitions CSS prêtes pour la production pour applications web. Utilisez-les pour implémenter des badges de notification, menus déroulants, modales, panneaux, transitions de page, redimensionnements de cartes, animations de nombres, échanges de texte/icône, coches de succès, survol de groupe d'avatars, secousses d'erreur, effacement de recherche/saisie, squelettes de chargement, texte scintillant, onglets coulissants, infobulles ou révélations de texte en cascade.

Qu'est-ce que transitions-dev ?

Cette compétence permet d'ajouter des transitions CSS prêtes pour la production à des applications web, en se déclenchant sur des commandes naturelles comme 'ajouter une transition', 'animer le menu déroulant', 'faire apparaître la modale en douceur', 'échanger l'icône', 'glissement de page', 'animation en cascade', 'transition ouverture/fermeture', 'animer', 'fondu entre', 'animation de succès', 'erreur de formulaire', 'secousse sur invalide', 'effet de survol', 'survol de pile d'avatars', 'effacer la recherche', 'squelette de chargement', 'scintillement de chargement', 'texte scintillant', 'onglets coulissants', 'contrôle segmenté', 'infobulle', 'révéler le texte'. Elle couvre une large gamme d'effets visuels : badges de notification, dropdowns, modales, panneaux, transitions de page, redimensionnements de cartes, animations de nombres, échanges de texte et d'icônes, coches de succès, survols de groupes d'avatars, secousses d'erreur, effacement de recherche/saisie, squelettes de chargement, texte scintillant, onglets coulissants, infobulles et révélations de texte en cascade. La compétence inclut également les actions de révélation, révision, application et raffinement des transitions. Fonctionne avec des agents comme Claude Code, Cursor, Codex et autres outils de développement basés sur des agents IA.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait transitions-dev ?

Transitions CSS prêtes pour la production pour applications web. Utilisez-les lors de l'implémentation de badges de notification, menus déroulants, modales, révélations de panneaux, transitions de page, redimensionnements de cartes, animations de nombres (pop-in), échanges de texte, échanges d'icônes, coches de succès, survols de groupes d'avatars, secousses d'état d'erreur, effacement de recherche/saisie, squelettes de chargement, texte scintillant, onglets coulissants, infobulles ou révélations de texte en cascade. Se déclenche sur "ajouter une transition", "animer le menu déroulant", "faire apparaître la modale en douceur", "échanger l'icône", "glissement de page", "animation en cascade", "transition ouverture/fermeture", "le faire animer", "fondu entre", "animation de succès", "erreur de formulaire", "secousse sur invalide", "effet de survol", "survol de pile d'avatars", "effacer la recherche", "squelette de chargement", "scintillement de chargement", "texte scintillant", "onglets coulissants", "contrôle segmenté", "infobulle", "révéler le texte". Également : transitions révélation, transitions révision, transitions appliquer, transitions raffiner.

Skills associés