Communitygithub.com

Guilhermeslvg/video-portfolio

Animación de mapas con Remotion.

¿Qué es video-portfolio?

Este skill permite crear animaciones de mapas con Remotion, un framework para generar videos mediante React. Es útil para desarrolladores que deseen incorporar visualizaciones geográficas animadas en sus proyectos, ya sea para presentaciones, portafolios o videos explicativos. Soporta múltiples técnicas: mapas estáticos con imágenes satelitales, Mapbox (con estilos atractivos y modelos 3D), MapLibre (sin necesidad de clave API), MapTiler (con anotaciones sobre elementos geográficos) y CesiumJS (para vuelos sobre terrenos montañosos). Cada técnica es autónoma y se carga desde su propio archivo TECHNIQUE.md, permitiendo elegir la más adecuada sin afectar las demás.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

Remotion Maps

Elige exactamente una técnica del plano previsto, luego carga únicamente el TECHNIQUE.md de esa técnica. Cada directorio de técnica es autónomo y puede eliminarse sin romper las demás.

Mapa estático

  • Requiere que tomes una imagen satelital y la montes en una etiqueta <Img>, y que animes sobre ella

Mapbox

  • Requiere una clave de Mapbox
  • Estilos más bonitos por defecto
  • El mapa puede mostrar un globo terráqueo cuando se aleja
  • Incluye bonitos edificios 3D como la Torre Eiffel

MapLibre

  • No requiere clave API, completamente gratuito
  • No incluye edificios 3D

MapTiler

  • Usa MapTiler
  • Se pueden dibujar anotaciones sobre elementos geográficos: fronteras, ríos, etiquetas

CesiumJS

  • Vuelos a través de terrenos y montañas
  • Perspectiva de "simulador de vuelo"

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 relacionados

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