Communitygithub.com

Guilhermeslvg/video-portfolio

Remotion 지도 애니메이션 기술

video-portfolio란 무엇인가요?

이 스킬은 Remotion을 사용하여 지도 기반 애니메이션 비디오 포트폴리오를 제작하기 위한 기술 모음입니다. 각 기술 디렉토리는 독립적으로 동작하므로, 다른 기술에 영향을 주지 않고 개별적으로 추가하거나 제거할 수 있습니다. 지원하는 기술로는 정적 지도(Static map), Mapbox, MapLibre, MapTiler, CesiumJS가 있으며, 각각 고유한 특징과 요구 사항이 있습니다. 개발자는 의도한 샷에 따라 정확히 하나의 기술을 선택한 후, 해당 기술의 'TECHNIQUE.md' 파일만 로드하여 사용할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-maps

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Remotion Maps

의도한 샷에서 정확히 하나의 기술을 선택한 후, 해당 기술의 TECHNIQUE.md만 로드하세요. 모든 기술 디렉토리는 독립적으로 구성되어 있으며, 다른 기술에 영향을 주지 않고 제거할 수 있습니다.

정적 지도

  • 위성 이미지를 가져와 <Img> 태그에 마운트하고 그 위에 애니메이션을 적용해야 합니다.

Mapbox

  • Mapbox 키가 필요합니다.
  • 기본적으로 더 나은 스타일을 제공합니다.
  • 축소 시 지도를 둥근 지구본 형태로 표시할 수 있습니다.
  • 에펠탑과 같은 멋진 3D 건물을 포함합니다.

MapLibre

  • API 키가 필요 없으며 완전 무료입니다.
  • 3D 건물을 포함하지 않습니다.

MapTiler

  • MapTiler를 사용합니다.
  • 국경, 강, 라벨 등 지리적 특징 위에 주석을 그릴 수 있습니다.

CesiumJS

  • 지형과 산을 통과하는 비행(플라이스루)을 지원합니다.
  • "비행 시뮬레이터" 관점을 제공합니다.

Individual skills in this repo

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

관련 스킬