GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Typographie animée : révélations de titres v1.0.0
Utilisez cette ressource pour animer un titre ou un texte avec une révélation soignée
Nouveau
- 430 téléchargements
- 234 mentions J'aime
- 139 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install kinetic-typography-revealsSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent prépare d'abord la typographie fixe, choisit la granularité du découpage (ligne, mot, caractère) puis applique une technique de révélation avec un minutage précis. Il garde le texte accessible aux lecteurs d'écran et livre un fichier HTML autonome vérifié sur des images figées.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Utilise
- Navigateur web
- Node.js (pour les captures de vérification)
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md traduit en français : granularité, quatre révélations, minutage, graisse variable, texte sur tracé
- Un recueil de recettes à copier pour CSS, GSAP SplitText, Framer Motion et Remotion
- Un banc d'essai pour figer et capturer n'importe quel instant
Pour qui
- Un titre de page d'accueil qui apparaît avec élégance
- Une vidéo de paroles ou de sous-titres animés
- Un carton de titre pour une vidéo
Pas pour qui
- Animer des éléments d'interface autres que du texte
- Une animation 3D de lettres
- Un texte long à lire d'une traite
Étiquettes
- typographie
- animation
- titre
- gsap
- css
À propos
Vous dites
« Anime le titre de ma page d'accueil avec une remontée par masque, ligne par ligne, et respecte prefers-reduced-motion. »
Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le texte à animer et La police et la direction visuelle
- Dépendances
- Navigateur web et Node.js (pour les captures de vérification)
Comment l'utiliser
- Donnez le texte, la police et l'ambiance voulue
- L'agent choisit le découpage et la révélation, puis écrit le fichier HTML
- Contrôlez les images figées (début, milieu, fin) et ajustez le minutage
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/reveal-recipes.md7,3 Ko
- SKILL.md9,2 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- iart-ai
- Source
- github.com/iart-ai/kinetic-typography-skills/tree/fccc94bd325d824235ee9e715e65abde57b6513a/skills/kinetic-typography
- Licence
- MIT
Notice
Version modifiée de « kinetic-typography » (iart-ai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Le texte reste-t-il lisible par les lecteurs d'écran ?
Oui : la skill impose un aria-label sur le conteneur et masque les fragments découpés.
Les scripts mentionnés sont-ils fournis ?
Non, seuls les textes sont livrés ; la commande Playwright indiquée suffit pour capturer une image.