Communityライティング&編集github.com

hopechen067/MapStage

MapStageライブチューナー:地図/地球儀、衛星画像、標高段彩図、地域分離、Mapterhorn DEM、JSONプリセット。

MapStage とは?

MapStageは、地理空間データの視覚化とチューニングのためのスキルです。地図投影法(地図表示/地球儀表示)、衛星画像、標高段彩図(ハイプソメトリックレリーフ)、Mapterhorn地形、地域の分離表示、CSSカラーグレーディング、JSON形式でのエクスポートといった機能を提供します。主なワークフローは、ローカルHTTPサーバー上で動作するチューナーページを使用してマップの見た目をインタラクティブに調整し、調整済みの設定をJSONとしてエクスポートした後、本番環境のアプリケーションに埋め込むという流れです。このスキルは、地図/地球儀の切り替え、衛星画像と標高段彩図の切り替え、地域の分離表示が必要な場合や、ペイント/CSS/カメラ設定を固定してJSONを他のホストにエクスポートする必要がある場合に特に有用です。対応プラットフォームは主にWebブラウザであり、チューナーはPythonの簡易HTTPサーバーで動作します。ハードルールとして、地形ソースには常に`encoding: 'terrarium'`を設定すること、本番環境では`easeTo`/`flyTo`ではなく`jumpTo`と`idle`を使用すること、最終的なレンダリングはチューナーではなく本番環境のホストで行うことなどが定められています。

対応~Claude Code✓Codex CLI~Cursor
npx skills add hopechen067/MapStage

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

ドキュメント

MapStage は何をしますか?

MapStageシーンを構築またはチューニングする際にこのスキルを使用します。地図/地球儀投影法、衛星画像、標高段彩図、Mapterhorn地形、地域分離、CSSカラーグレーディング、JSONエクスポートに対応します。

使用するタイミング

  • ライブのMapStageチューナーが必要な場合(地図 vs 地球儀、衛星画像 vs 標高段彩図、分離表示)。
  • ペイント / CSS / カメラを固定し、JSONを他のホストにエクスポートする必要がある場合。
  • 階層化された集落(capital / large / medium / small / pass / station / ordos)が必要な場合。

チューナーページを最終的なレンダリングホストとして 使用しないでください。

モード

モード目的
プロダクションスタックMapStageをアプリに埋め込みます。オプションで衛星画像/ラスター + Mapterhorn DEM(encoding: 'terrarium')+ 陰影図 + OpenFreeMapベクター水系 + CSSフィルター + 都市の押出し。外観はエクスポートされたJSONで制御します。
チューナーtuner/ ディレクトリ下のローカルHTTPページ。スライダー、投影法、分離表示、プリセットのロード/エクスポートを行います。

ワークフロー

  1. チューナーを起動: cd tuner && python -m http.server 8765 → http://localhost:8765/
  2. タイル: デフォルトは EOX Sentinel-2 cloudless + Mapterhorn(tuner/map-tiles.config.js)。gitignoreされた map-tiles.config.local.js で上書き可能。
  3. デフォルトプリセット tuner/preset-antique-default.json を適用(tuner/presets/antique-default.json と同じ)。
  4. 投影法 / 衛星画像 / 標高段彩図 / 分離表示 / CSS / 都市を調整し、見た目を確定させます。
  5. チューナーから JSONをエクスポート します(コピーまたはダウンロード)。
  6. ペイント + カメラ + CSSフィールドをプロダクションのMapStageシーンに 移行 します(リファレンスを参照)。
  7. プロダクション環境では: jumpTo でカメラ移動; idle を待機; オプションでタイルを事前キャッシュ。録画フレームでは easeTo / flyTo を避けてください。
  8. 常にDEMを encoding: 'terrarium' で設定してください。エンコーディングが間違っていると陰影図/地形が壊れます。
  9. 最終フレームはプロダクションホストからレンダリングします — チューナーUIから ではありません。

ハードルール

  • タイルはバンドルされていません — MapStageは実行時に 設定された URLからのみDEMとベースマップを取得します。
  • 使用が許可されているベースマップエンドポイントのみを使用してください — デフォルトは公開デモタイル(EOX)です。必要に応じて設定で切り替えてください。
  • 地形ソースには encoding: 'terrarium' — 必須です。
  • 録画されたプロダクションパスでは easeTo / flyTo は使用禁止。代わりに jumpTo + idle を推奨します。
  • 最終レンダリングをチューナーでホストしないでください。
  • 水系は組み込みのOpenFreeMap / OpenMapTilesベクターレイヤーです。tuner/assets/water-data.js を期待したりコミットしたりしないでください。

リファレンス

エージェント

表示名/デフォルトプロンプトについては agents/openai.yaml を参照してください。

関連スキル