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
Animations HTML/CSS de fonctionnalités d'application v1.0.0
Utilisez cette ressource pour produire une démo animée d'une fonctionnalité pour une visite guidée ou un onboarding
Nouveau
- 370 téléchargements
- 233 mentions J'aime
- 202 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install css-feature-demo-animationsSans 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 loginEn quatre étapes, l'agent étudie le langage visuel de votre application dans Chrome, vous interroge sur ce qu'il faut animer, rédige un brief, puis produit un fichier HTML/CSS qu'il ajuste jusqu'à votre validation. Cette skill exige le serveur MCP Claude-in-Chrome.
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
- 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 : workflow en quatre phases, du brief à la validation
- stub.yaml : pointeur vers la skill complète à installer
Pour qui
- Vous voulez présenter une nouveauté dans une page d'onboarding
- Vous préparez une démo produit sans vidéo ni monteur
Pas pour qui
Étiquettes
- démo produit
- onboarding
- animation css
- visite guidée
À propos
Vous dites
« Anime le nouveau parcours d'ajout de carte bancaire de mon app pour la page d'aide. »
Skill publiée par podo sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de produire une démo animée d'une fonctionnalité pour une visite guidée ou un onboarding
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md3,1 Ko
- stub.yaml0,5 Ko
Origine et licence
Référencée sans modification
- Auteur
- podo
- Source
- github.com/podo/design-agent-skills/tree/e04dbc882cc85cc3c0f78cf3648cc69da3c241f6/skills/css-animation-skill
- Licence
- MIT
Notice
« css-animation-skill » (podo, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…