mapbox-integration-patterns
✓一般的な Web フレームワークにわたる Mapbox GL JS の公式統合パターン。セットアップ、ライフサイクル管理、トークン処理、検索統合、および一般的な落とし穴について説明します。 Mapbox の Web アプリ作成スキャフォールディング ツールに基づいています。
SKILL.md
This skill provides official patterns for integrating Mapbox GL JS into web applications across different frameworks. These patterns are based on Mapbox's create-web-app scaffolding tool and represent production-ready best practices.
⚠️ Production apps should use npm, not CDN - ensures consistent versions and offline builds.
Note: These examples use Vite (the bundler used in create-web-app). If using Create React App, replace import.meta.env.VITEMAPBOXACCESSTOKEN with process.env.REACTAPPMAPBOXTOKEN. See the Token Management Patterns section for other bundlers.
一般的な Web フレームワークにわたる Mapbox GL JS の公式統合パターン。セットアップ、ライフサイクル管理、トークン処理、検索統合、および一般的な落とし穴について説明します。 Mapbox の Web アプリ作成スキャフォールディング ツールに基づいています。 ソース: mapbox/mcp-devkit-server。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/mapbox/mcp-devkit-server --skill mapbox-integration-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
mapbox-integration-patterns とは？
一般的な Web フレームワークにわたる Mapbox GL JS の公式統合パターン。セットアップ、ライフサイクル管理、トークン処理、検索統合、および一般的な落とし穴について説明します。 Mapbox の Web アプリ作成スキャフォールディング ツールに基づいています。 ソース: mapbox/mcp-devkit-server。
mapbox-integration-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mapbox/mcp-devkit-server --skill mapbox-integration-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/mapbox/mcp-devkit-server
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01