Communitygithub.com

Guilhermeslvg/video-portfolio

Animação de mapas com Remotion

O que é video-portfolio?

Este skill permite criar animações de mapas impressionantes usando Remotion, oferecendo múltiplas técnicas de renderização geográfica para vídeos. Com suporte para Mapbox, MapLibre, MapTiler, CesiumJS e mapas estáticos, os usuários podem escolher a técnica ideal conforme suas necessidades de licenciamento, estilo e funcionalidades. O skill é modular: cada técnica está em seu próprio diretório autocontido, permitindo remoção ou adição independente sem quebrar as demais. É útil para desenvolvedores que desejam produzir vídeos profissionais com mapas animados, como flythroughs, globos 3D, ou anotações geográficas, tudo dentro do ecossistema Remotion (semelhante a Cursor, Claude Code ou Codex).

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-maps
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

Remotion Maps

Escolha exatamente uma técnica do plano de filmagem pretendido, em seguida carregue apenas o TECHNIQUE.md dessa técnica. Cada diretório de técnica é autocontido e pode ser removido sem afetar as demais.

Mapa estático

  • Exige que você capture uma imagem de satélite e a monte em uma tag <Img>, animando sobre ela

Mapbox

  • Requer uma chave do Mapbox
  • Estilos mais bonitos por padrão
  • O mapa pode exibir um globo redondo quando ampliado
  • Inclui belos edifícios 3D, como a Torre Eiffel

MapLibre

  • Não requer chave de API, totalmente gratuito
  • Não inclui edifícios 3D

MapTiler

  • Usa MapTiler
  • Anotações podem ser desenhadas sobre elementos geográficos: fronteiras, rios, rótulos

CesiumJS

  • Flythroughs por terrenos e montanhas
  • Perspectiva de "simulador de voo"

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

Habilidades Relacionadas

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