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
Scènes isométriques 2.5D animées v1.0.0
Utilisez cette ressource pour animer une scène isométrique pour une infographie ou une vidéo explicative
Nouveau
- 509 téléchargements
- 169 mentions J'aime
- 213 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install isometric-animation-scenesSans 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 règle d'abord la projection (vrai iso ou dimétrique 2:1), puis construit la scène en CSS 3D, en SVG ou avec Three.js. Il applique l'ombrage par face, échelonne la construction de bas en haut et ajoute une dérive de caméra discrète. Vous obtenez un fichier HTML autonome, avec un banc de positionnement pour capturer chaque instant.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- GSAP
- Utilise
- Navigateur web
- Node.js (pour les captures)
- 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 : projection, couches, blocs extrudés, grille, vue éclatée, mouvement
- references/isometric-recipes.md : code complet pour le CSS, le SVG et une scène Three.js à caméra orthographique
- Une liste de contrôle de livraison et la boucle de vérification par captures
- README.md : présentation de la skill
Pour qui
- Vous créez une infographie « comment ça marche » avec des couches ou des étages
- Vous voulez un schéma en vue éclatée qui s'ouvre et se referme
- Vous cherchez un rendu en volume sans moteur 3D lourd
Pas pour qui
- Des scènes 3D en perspective réaliste
- Un jeu vidéo complet ou un moteur de rendu temps réel
- Des illustrations à la main sans animation
Étiquettes
- isométrique
- 2.5d
- infographie
- animation
- gsap
À propos
Vous dites
« Anime une pile technologique en iso de quatre couches qui se construit de bas en haut, puis s'éclate et se réassemble. »
Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Les éléments à montrer (couches, blocs, étapes) et Une connexion pour charger GSAP ou Three.js depuis un CDN
- Dépendances
- Navigateur web et Node.js (pour les captures)
Comment l'utiliser
- Décrivez les couches ou les blocs et le message de la scène
- L'agent produit un fichier HTML unique avec une timeline maîtresse
- Vérifiez les captures au début, au milieu et à la fin, puis ajustez
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- README.md0 Ko
- references/isometric-recipes.md10,3 Ko
- SKILL.md13,4 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- iart-ai
- Source
- github.com/iart-ai/explainer-video-skills/tree/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/isometric-animation
- Licence
- MIT
Notice
Version modifiée de « isometric-animation » (iart-ai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il un outil de build ?
Non. Le résultat attendu est un fichier HTML qui s'ouvre directement dans un navigateur ; GSAP ou Three.js se chargent depuis un CDN.
Les scripts d'aide cités sont-ils inclus ?
Non, ils ne sont pas livrés. Les captures se font avec la commande `npx playwright screenshot` indiquée dans le fichier.