ASD

Remotion Maps

Conocimiento sobre animaciones de mapas en Remotion, con técnicas para mapa estático, Mapbox, MapLibre, MapTiler y CesiumJS.

Oficial
Estrellas
4.3k

en todo el repo

Actividad
69

0–100, la ruta de este skill

Actualizado
hace 3 días

último commit aquí

Commits
9

últimos 90 días

Contexto
258 tok

8 tok en reposo

Paquete
32 archivos

477 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add remotion-dev/skills --skill remotion-maps --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Guía la elección de una técnica de mapa animado en Remotion entre static-map, Mapbox, MapLibre, MapTiler y CesiumJS
  • Carga solo el TECHNIQUE.md de la técnica elegida, ya que cada directorio es autocontenido

Úsalo cuando

  • Se necesita crear una animación de mapa en un video Remotion
  • Hay que decidir entre imagen estática, Mapbox, MapLibre, MapTiler o CesiumJS según estilo, clave API o efecto 3D/flythrough deseado

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Quiero animar un mapa con un zoom hacia una ciudad en Remotion
    • Necesito un flythrough 3D sobre montañas con CesiumJS
    • Anima un mapa con Mapbox mostrando edificios en 3D
    • Crea un mapa sin necesidad de API key usando MapLibre

    Archivos

    32 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Mapbox y MapTiler requieren una API key propia; MapLibre y la técnica de imagen estática no requieren clave.

    Detalles

    Categoría
    Diseño y UI
    Licencia
    No especificada
    Recursos incluidos
    Incluye scripts o referencias
    Código fuente
    Ver SKILL.md

    Más de remotion-dev/skills

    Este repo incluye 12 skills. Si instalas uno, normalmente ya tienes los demás.

    Enrutador que dirige a todas las demás skills de Remotion según la tarea que se necesite realizar.

    Costo de contexto al activarse
    621 tok
    Tamaño del paquete
    137 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Buenas prácticas de contenido, animación y efectos para escribir Remotion React Markup.

    Costo de contexto al activarse
    2.8k tok
    Tamaño del paquete
    63 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Estructura el markup de Remotion de forma que el Studio pueda reconocerlo como interactivo.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Instrucciones para crear un nuevo proyecto y composición de Remotion.

    Costo de contexto al activarse
    519 tok
    Tamaño del paquete
    5 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Transcribir, mostrar y animar subtítulos en proyectos Remotion.

    Costo de contexto al activarse
    239 tok
    Tamaño del paquete
    6 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Construye una app con Remotion.

    Costo de contexto al activarse
    263 tok
    Tamaño del paquete
    6 archivos
    Última actualización
    hace 3 días
    Oficialherramientas desarrollo

    Skills relacionados

    Shadcn

    121k

    Gestiona componentes y proyectos shadcn: añadir, buscar, corregir, depurar, estilizar y componer UI, incluyendo interfaces de chat, con contexto del proyecto y documentación.

    Costo de contexto al activarse
    4.9k tok
    Tamaño del paquete
    15 archivos
    Última actualización
    hace 22 días
    diseno ui

    Diseña banners para redes sociales, anuncios, heroes de sitios web, assets creativos e impresión, con múltiples opciones de dirección de arte y visuales generados por IA.

    Costo de contexto al activarse
    2.1k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    el mes pasado
    diseno ui

    Slides

    116k

    Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, layouts responsivos, fórmulas de copywriting y estrategias de diapositivas contextuales.

    Costo de contexto al activarse
    284 tok
    Tamaño del paquete
    6 archivos
    Última actualización
    el mes pasado
    diseno ui