사용 가이드로 건너뛰기
Map Animation작성자 iart-ai

Map Animation 스킬.

일관되게 연결된 지도 데이터로 지리 경로, 카메라 이동과 레이블을 애니메이션합니다.

  • 지도
  • 경로
소스 검토 · map-animationSKILL.md
작업 일관되게 연결된 지도 데이터로 지리 경로, 카메라 이동과 레이블을 애니메이션합니다. 결과물 Remotion 프로젝트 또는 Earth Studio/AE 워크플로의 지리 시퀀스. 시작 전 확인 실제 좌표, 경로 순서와 정확한 레이블을 준비하세요. 선택한 지도 소스의 사용 권한과 함께 벡터 지도 데이터 또는 사용할 Earth Studio 영상 및 트래킹 내보내기를 제공하세요.
편집 요약 · 소스 검토일 2026-11-02 · 생성된 예제가 아닙니다

01 기능 소개

일관되게 연결된 지도 데이터로 지리 경로, 카메라 이동과 레이블을 애니메이션합니다

고정된 핀, 경로 등장, 지역 강조와 검증된 지리 레이블을 갖춘 벡터 또는 위성 기반 지도 시퀀스를 만드세요.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

map-animation은 카메라 이동, 핀, 경로, 지역 강조와 레이블로 지리 시퀀스를 만듭니다. Google Earth Studio의 위성 스타일 카메라 영상에 After Effects 합성을 더하는 방식과 GeoJSON 및 공통 지리 투영으로 코드 렌더링한 벡터 지도 방식 두 가지를 제공합니다.

벡터 작업에서는 순서 있는 좌표 배열이 카메라 목표와 오버레이를 함께 제어합니다. 원문은 부드러운 기본 영상 위에 그래픽 오버레이만 단계적으로 갱신하는 스타일도 설명합니다. 의도된 단계 움직임을 프레임 누락과 혼동하지 않도록 선택한 프레임 속도에서 확인해야 합니다.

예상 산출물

  • Remotion 프로젝트 또는 Earth Studio/AE 워크플로의 지리 시퀀스.
  • 재사용 가능한 좌표·장면 비트 데이터 구조.
  • 위치, 경로와 레이블을 확인한 렌더링 지도 영상.
예시 브리프 보기

브리프에서 검토까지

  1. 01
    지도 소스 선택

    지형과 건물에는 위성 방식을, 데이터 기반 편집 그래픽에는 벡터 방식을 사용합니다. 투영과 제공 형식을 정합니다.

  2. 02
    오버레이를 지리에 연결

    핀과 경로 지점을 같은 좌표계로 투영하거나 내보낸 카메라 트래킹에 오버레이를 연결합니다. 뷰가 움직여도 레이블을 읽을 수 있게 합니다.

  3. 03
    지리·시간 정확성 검증

    알려진 위치, 각 경로 끝점과 강조 지형을 확인합니다. 단계적 오버레이 갱신을 사용한다면 인접 프레임을 비교한 뒤 전체 시퀀스를 인코딩합니다.

02 활용 상황

언제 사용하면 좋을까요

실제 좌표, 경로 순서와 정확한 레이블을 준비하세요. 선택한 지도 소스의 사용 권한과 함께 벡터 지도 데이터 또는 사용할 Earth Studio 영상 및 트래킹 내보내기를 제공하세요.

적합한 경우

  • 이야기가 장소 사이를 이동할 때데이터 배열 하나로 위치, 경로 순서와 카메라 목표를 일관되게 연결할 수 있습니다.
  • 카메라 이동 중에도 지도 레이블이 유지돼야 할 때원문은 고정, 수평 레이블과 안전 영역 배치를 명시적으로 확인합니다.

확인할 한계

  • 지도 소스는 별도 고려 필요선택한 데이터셋이나 영상 제공자의 지도 접근, 출처 표기와 사용 조건을 확인해야 합니다.
  • 갱신 리듬은 프레임 속도에 의존단순한 두 프레임 유지 예시는 24 fps 마스터에 해당합니다. 다른 출력 속도에서는 그대로 재사용하지 말고 올바르게 샘플링해야 합니다.

준비할 입력

  • 위치와 경로실제 좌표, 순서 있는 경유지와 강조할 정확한 지역 이름을 제공합니다.
  • 지도 데이터GeoJSON/SVG 또는 사용할 Earth Studio 영상과 트래킹 내보내기를 제공합니다.
  • 서사 타이밍정지 구간, 카메라 의도, 레이블과 오버레이 단계 갱신 선호를 지정합니다.

03 핵심 결정

중요한 판단 기준

  1. 공통 지리 좌표

    핀과 경로가 같은 투영 위치에 연결된 상태를 유지합니다.

  2. 반복 가능한 시퀀스

    순서 데이터를 바꾸면 오버레이마다 수동으로 타이밍을 다시 맞추지 않고 다른 시퀀스를 만들 수 있습니다.

  3. 집중된 지도 읽기

    지역 강조와 지연된 레이블로 현재 지리적 장면에 시선을 유도합니다.

04 예시 브리프

목적을 좁힌 요청으로 시작하세요

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

소스와 설정 확인

실제 좌표, 순서 있는 경유지와 강조할 정확한 지역 이름을 제공합니다.

업스트림 소스 파일
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md

아래 참고 링크에서 원본 사용 지침을 확인할 수 있습니다. 사용 전에 리포지터리의 설정 요건을 확인하세요. 설치 명령어가 아닙니다.

결과물 하나부터 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
map-animation으로 좌표 파일의 세 도시를 지나는 경로를 설명하는 12초 벡터 지도를 만드세요. 제공된 GeoJSON과 정확한 레이블을 사용하고 확대·축소 중 경로 끝점을 고정하세요. 도시를 하나씩 보여 주고 연결선을 드러낸 뒤 전체 경로를 유지하세요. 24 fps로 렌더링하세요. 단계적 그래픽 오버레이 스타일을 사용한다면 기본 카메라는 부드럽게 유지하고 인접 프레임을 검증하세요. 내보내기 전에 알려진 좌표와 모든 경로 끝점을 확인하세요. MP4, 소스 프로젝트와 재사용 가능한 장면 비트 데이터를 제공하세요.

결과 확인

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 알려진 좌표와 모든 경로 끝점을 표본 확인합니다.
  • 레이블이 수평이며 읽을 수 있고 프레임 안에 있는지 검증합니다.
  • 인접 프레임에서 요청한 오버레이 리듬과 부드러운 기본 이동을 확인합니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 포함되어 있거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스와 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
iart-ai
스킬 파일
SKILL.md
라이선스
MIT
검토한 스냅샷
2026-11-02 · 390ca98bbcf2
편집 소스 요약
일관되게 연결된 지도 데이터로 지리 경로, 카메라 이동과 레이블을 애니메이션합니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 궁금한 점

Google Earth Studio가 꼭 필요한가요?

아니요. 원문은 코드로 렌더링하는 깔끔한 벡터 지도를 위한 별도 GeoJSON/SVG 방식을 제공합니다.

확대·축소 중 핀은 어떻게 고정되나요?

벡터 방식은 지리와 오버레이에 같은 투영 및 카메라 변환을 사용합니다. 위성 방식은 내보낸 카메라와 트래킹 데이터를 사용합니다.

전체 동영상을 단계적으로 움직여야 하나요?

원문은 그래픽에만 양식화된 단계 움직임을 적용하고 기본 영상과 카메라 이동은 부드럽게 유지합니다. 프레임 단위 검증이 필요합니다.

OpenDesign

작업 요청과 디자인 결과물을 한곳에 모으세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md