·map-generator
{}

map-generator

vishalsachdev/claude-skills

このスキルは、Leaflet JavaScript ライブラリを使用してインタラクティブなマップを生成します。ユーザーが教育教科書用の地理的視覚化、位置ベースのデータ表示、または対話型マップを作成する必要がある場合は、このスキルを使用します。このスキルは、HTML、CSS、ドキュメントを含む完全な MicroSim パッケージを作成し、ナビゲーションバーと目次を備えた狭い MkDocs ページに iframe を埋め込むために最適化します。

2インストール·0トレンド·@vishalsachdev

インストール

$npx skills add https://github.com/vishalsachdev/claude-skills --skill map-generator

SKILL.md

This skill creates interactive Leaflet maps as MicroSims for intelligent textbooks built with MkDocs Material theme.

Example user input: "Create a map showing major universities in California with markers for each campus"

Naming convention: Use kebab-case (e.g., california-universities, ancient-rome-map, world-capitals)

このスキルは、Leaflet JavaScript ライブラリを使用してインタラクティブなマップを生成します。ユーザーが教育教科書用の地理的視覚化、位置ベースのデータ表示、または対話型マップを作成する必要がある場合は、このスキルを使用します。このスキルは、HTML、CSS、ドキュメントを含む完全な MicroSim パッケージを作成し、ナビゲーションバーと目次を備えた狭い MkDocs ページに iframe を埋め込むために最適化します。 ソース: vishalsachdev/claude-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/vishalsachdev/claude-skills --skill map-generator
カテゴリ
{}データ分析
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

map-generator とは?

このスキルは、Leaflet JavaScript ライブラリを使用してインタラクティブなマップを生成します。ユーザーが教育教科書用の地理的視覚化、位置ベースのデータ表示、または対話型マップを作成する必要がある場合は、このスキルを使用します。このスキルは、HTML、CSS、ドキュメントを含む完全な MicroSim パッケージを作成し、ナビゲーションバーと目次を備えた狭い MkDocs ページに iframe を埋め込むために最適化します。 ソース: vishalsachdev/claude-skills。

map-generator のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vishalsachdev/claude-skills --skill map-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/vishalsachdev/claude-skills