Communitygithub.com

AgriciDaniel/claude-gif

Compétence ultime de création de GIF pour Claude Code. 6 pipelines de génération : Remotion, Veo 3.1, SVG vers GIF transparent, FFmpeg, séquences d'images, trames IA. Optimisation de palette, boucles parfaites, dimensionnement pour plateformes.

Qu'est-ce que claude-gif ?

Cette compétence pour Claude Code transforme votre assistant IA en un générateur de GIF polyvalent. Elle propose six pipelines de génération distincts : Remotion pour des animations programmatiques complexes, Veo 3.1 pour des GIF basés sur des modèles d'IA générative, SVG vers GIF transparent pour des graphiques vectoriels nets avec fond alpha, FFmpeg pour le traitement vidéo classique, des séquences d'images pour assembler des frames individuelles, et des trames IA pour créer des animations image par image avec intelligence artificielle. La compétence optimise automatiquement la palette de couleurs pour réduire la taille du fichier tout en conservant une qualité visuelle élevée, garantit des boucles parfaites sans à-coups, et ajuste les dimensions aux spécifications des plateformes cibles comme Twitter, Discord, ou Slack. L'utilisateur sélectionne simplement un pipeline via un prompt structuré, et Claude Code orchestre l'outil approprié (ex. npx remotion, ffmpeg) pour produire un GIF prêt à l'emploi. Idéal pour les développeurs souhaitant intégrer des animations légères dans leurs documents, présentations ou réseaux sociaux.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add AgriciDaniel/claude-gif

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 claude-gif ?

Compétence ultime de création de GIF pour Claude Code. 6 pipelines de génération : Remotion, Veo 3.1, SVG vers GIF transparent, FFmpeg, séquences d'images, trames IA. Optimisation de palette, boucles parfaites, dimensionnement pour plateformes.

Pipelines de génération

PipelineDescriptionCommande d'exemple
RemotionAnimations programmatiques avec React. Sortie vidéo → GIF.npx remotion render src/index.ts out/video.mp4 puis ffmpeg -i out/video.mp4 out/output.gif
Veo 3.1Génération de GIF par requête texte via l'API Veo.Requête API à Veo 3.1 avec description textuelle.
SVG vers GIF transparentConversion d'animations SVG en GIF avec fond transparent.Utilisation de svgexport ou librsvg + personnalisation du fond alpha.
FFmpegTraitement vidéo direct : rogner, redimensionner, convertir en GIF.ffmpeg -i input.mp4 -vf "fps=10,scale=480:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" output.gif
Séquences d'imagesAssemblage de fichiers PNG/JPG en un GIF animé.ffmpeg -framerate 10 -i frame%04d.png -vf "palettegen" palette.png puis ffmpeg -framerate 10 -i frame%04d.png -i palette.png -lavfi "paletteuse" output.gif
Trames IAGénération image par image avec Stable Diffusion ou DALL·E.Script Python pour générer chaque frame via API IA, puis assembler avec FFmpeg.

Optimisation de palette

Pour des GIF de haute qualité avec une taille de fichier réduite :

  1. Générer une palette optimale :

    ffmpeg -i input.mp4 -vf "fps=10,scale=480:-1:flags=lanczos,palettegen=max_colors=256:stats_mode=diff" palette.png
    
  2. Appliquer la palette :

    ffmpeg -i input.mp4 -i palette.png -lavfi "fps=10,scale=480:-1:flags=lanczos [x]; [x][1:v] paletteuse=dither=bayer:bayer_scale=5" output.gif
    
  3. Boucle parfaite : Ajustez le nombre de frames ou la durée de la boucle avec -loop 0 pour une animation infinie.

Dimensionnement pour plateformes

Utilisez ces tailles recommandées pour un affichage optimal :

PlateformeTaille recommandéeTaille max. de fichier
Twitter/X480 x 270 px (paysage)15 Mo
Discord320 x 240 px8 Mo
Slack256 x 256 px (carré)5 Mo
GitHub600 x 315 px (paysage)10 Mo

Utilisation avec Claude Code

Lancez un pipeline en décrivant votre besoin :

  • « Crée un GIF à partir de cette séquence d'images avec FFmpeg. »
  • « Génère un GIF transparent à partir de ce SVG. »
  • « Utilise Veo 3.1 pour créer un GIF d'un chat dansant. »

Claude Code sélectionnera automatiquement le pipeline et exécutera les commandes nécessaires.

Dépendances

  • FFmpeg : installé localement ou via votre gestionnaire de paquets.
  • Remotion : pour les pipelines basés sur React.
  • Veo 3.1 : clé API requise (variable d'environnement VEO_API_KEY).
  • Python : pour les pipelines de trames IA (bibliothèques : Pillow, requests).

Compétence créée par AgriciDaniel. Contribuez ou signalez des problèmes sur le dépôt GitHub.

Skills associés