home/categories/full-stack/fumiya-kume-toy-poodle-love-claude-skills-nextjs-google-maps-skill-md
full-stackdevelopment

nextjs-google-maps

This skill should be used when the user asks to "add Google Maps", "integrate maps", "show location on map", "implement place search", "add route calculation", "geocode address", "display markers", "create heatmap", "add Street View", "implement drawing tools", "Google Maps を追加", "地図を表示", "位置情報を表示", "場所検索を実装", "ルート計算", "住所から座標を取得", "マーカーを表示", "ヒートマップを作成", "ストリートビュー", "描画ツールを追加", "@react-google-maps/api の使い方", or needs guidance on Google Maps Platform integration with Next.js App Router, including Places API, Directions API, Geocoding API, visualization features, and performance optimization.

fumiya-kume
maintainer
fumiya-kume
更新日 1/20/2026
スター
1
フォーク
1
quick start

Installation and usage

This skill should be used when the user asks to "add Google Maps", "integrate maps", "show location on map", "implement place search", "add route calculation", "geocode address", "display markers", "create heatmap", "add Street View", "implement drawing tools", "Google Maps を追加", "地図を表示", "位置情報を表示", "場所検索を実装", "ルート計算", "住所から座標を取得", "マーカーを表示", "ヒートマップを作成", "ストリートビュー", "描画ツールを追加", "@react-google-maps/api の使い方", or needs guidance on Google Maps Platform integration with Next.js App Router, including Places API, Directions API, Geocoding API, visualization features, and performance optimization.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます:

skills use nextjs-google-maps