Communitygithub.com

Portfolio vidéo avec Remotion Maps

Créez des animations cartographiques dynamiques pour vos portfolios vidéo en utilisant Remotion et plusieurs techniques de rendu cartographique.

Qu'est-ce que Portfolio vidéo avec Remotion Maps ?

Cette compétence permet de générer des animations cartographiques professionnelles dans vos vidéos créées avec Remotion. Elle propose cinq techniques distinctes, chacune contenue dans un dossier indépendant, que vous pouvez charger via un fichier `TECHNIQUE.md` dédié. La technique « Carte statique » utilise une image satellite simple. Mapbox offre des styles élégants, un globe en vue dézoomée et des bâtiments 3D comme la Tour Eiffel, mais nécessite une clé API. MapLibre est entièrement gratuit sans clé, mais sans 3D. MapTiler permet d'annoter les caractéristiques géographiques (frontières, rivières, noms). Enfin, CesiumJS permet des survols de terrain et de montagnes avec une perspective de simulateur de vol. Chaque technique est autonome et peut être utilisée ou supprimée sans affecter les autres. Cette compétence est idéale pour les développeurs créant des portfolios vidéo, des présentations géospatiales ou des contenus éducatifs avec Remotion.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-maps
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Remotion Maps

Choisissez exactement une technique parmi les plans prévus, puis chargez uniquement le TECHNIQUE.md correspondant. Chaque répertoire de technique est autonome et peut être supprimé sans casser les autres.

Carte statique

  • Nécessite de récupérer une image satellite et de la monter dans une balise <Img>, puis d'animer par-dessus

Mapbox

  • Nécessite une clé Mapbox
  • Styles plus agréables par défaut
  • La carte peut afficher un globe arrondi lorsqu'elle est dézoomée
  • Inclut de beaux bâtiments 3D comme la Tour Eiffel

MapLibre

  • Ne nécessite pas de clé API, entièrement gratuit
  • N'inclut pas de bâtiments 3D

MapTiler

  • Utilise MapTiler
  • Les annotations peuvent être dessinées par-dessus les caractéristiques géographiques : frontières, rivières, étiquettes

CesiumJS

  • Survole de terrains et montagnes
  • Perspective « simulateur de vol »

Individual skills in this repo

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

Guilhermeslvg/video-portfolio

Router for all Remotion skills

Guilhermeslvg/video-portfolio

Transcribing, displaying and animating captions

Guilhermeslvg/video-portfolio

Structure Remotion markup for interactivity

Guilhermeslvg/video-portfolio

Content, animation and effects best practices

Guilhermeslvg/video-portfolio

Upgrade Remotion, and related packages

Skills associés

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community