Communitygithub.com

anaydhawan/openvidstudio

Remotionを使用したマップアニメーションのナレッジスキル

openvidstudio とは?

このスキルは、Remotionを用いたマップアニメーション作成のための包括的なガイドを提供します。開発者は、静的な衛星画像から、MapboxやMapTiler、CesiumJSを使った3D地形のフライスルーまで、複数の手法から適切なものを選択できます。各手法は独立したディレクトリとして管理されており、それぞれのTECHNIQUE.mdに詳細な実装手順が記述されています。Mapboxでは3D建物の表示が可能で、MapLibreは無料で利用でき、CesiumJSではフライトシミュレーターのような視点が得られます。このスキルは、地理データを活用したアニメーション動画を生成したい開発者に最適です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anaydhawan/openvidstudio/tree/HEAD/.agents/skills/remotion-maps

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Remotion マップ

意図したショットから正確に1つの手法を選択し、その手法の TECHNIQUE.md のみを読み込んでください。 各手法のディレクトリは自己完結しており、他の手法に影響を与えずに削除できます。

静的マップ

  • 衛星画像を取得し、<Img> タグでマウントして、その上にアニメーションを追加する必要があります。

Mapbox

  • Mapboxのキーが必要です。
  • デフォルトでより優れたスタイルが利用できます。
  • ズームアウト時に球体の地球を表示できます。
  • エッフェル塔などの3D建物が含まれます。

MapLibre

  • APIキー不要で完全無料です。
  • 3D建物は含まれません。

MapTiler

  • MapTilerを使用します。
  • 国境、河川、ラベルなどの地理的特徴の上に注釈を描画できます。

CesiumJS

  • 地形や山岳地帯のフライスルーが可能です。
  • 「フライトシミュレーター」視点を提供します。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル