Communitygithub.com

antony-jip/remotion-maps

Connaissances pour l'animation de cartes avec Remotion.

Qu'est-ce que remotion-maps ?

Ce skill fournit les connaissances nécessaires pour créer des animations de cartes interactives et stylisées avec la bibliothèque Remotion. Il permet aux développeurs d'intégrer des données géographiques (GeoJSON) et de générer des vidéos animées montrant des tracés, des marqueurs et des transitions sur une carte. Idéal pour produire des contenus dynamiques comme des visualisations de données géographiques, des génériques de voyage ou des présentations animées. Utilisable dans tous les environnements supportant Remotion (Node.js), il s'appuie sur des composants React et une configuration JavaScript/TypeScript pour orchestrer les animations image par image.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/antony-jip/sign-company/tree/main/forgedesk/film/.agents/skills/remotion-maps

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 remotion-maps ?

Connaissances pour l'animation de cartes avec Remotion.

Description

Ce skill vous permet de créer des animations de cartes personnalisées avec Remotion. Il fournit des composants React et des utilitaires pour dessiner des éléments géographiques, animer des tracés et des marqueurs, et intégrer des données GeoJSON dans vos vidéos.

Utilisation

Importez les composants fournis dans votre projet Remotion pour commencer à animer des cartes.

Exemple

import { MapAnimation } from 'antony-jip/remotion-maps';

export const MyVideo: React.FC = () => {
  return (
    <MapAnimation
      data="/path/to/geojson/file.geojson"
      style={{ width: 1920, height: 1080 }}
      durationInFrames={300}
    />
  );
};

Fonctionnalités

  • Tracés animés : Animer l'apparition de lignes et de polygones sur la carte.
  • Marqueurs animés : Ajouter des marqueurs qui apparaissent, bougent ou changent de couleur.
  • Transitions fluides : Interpoler entre différents états de la carte (zoom, centre, rotation).
  • Support GeoJSON : Charger et visualiser des données géospatiales.

Configuration

Assurez-vous d'avoir installé Remotion et ce skill dans votre projet :

npm install remotion antony-jip/remotion-maps

Ressources

Licence

Consultez le fichier LICENSE pour plus d'informations.

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Skills associés