MCP HubMCP Hub
スキル一覧に戻る

maps

dave1010
更新日 Today
45 閲覧
0
GitHubで表示
メタaidesign

について

このClaudeスキルは、開発者がMapLibre GL JSを使用してインタラクティブなマップツールを構築するための必須ガイダンスを提供します。コアとなるセットアップ(CSS/スクリプトの読み込み、ビューポート設定、ベースマップタイルの選択)を網羅しています。また、ナビゲーションコントロール、位置情報機能、依存関係の欠落に対するエラーハンドリングといった実用的なパターンも含まれています。

クイックインストール

Claude Code

推奨
プラグインコマンド推奨
/plugin add https://github.com/dave1010/tools
Git クローン代替
git clone https://github.com/dave1010/tools.git ~/.claude/skills/maps

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

MapLibre basics

  • Include MapLibre's CSS before your styles and load the script from https://unpkg.com/[email protected]/dist/maplibre-gl.js.
  • Keep the map container absolutely positioned to fill the viewport (see #map styles in tools/map-explorer/index.html).
  • Use the OpenFreeMap Liberty style (https://tiles.openfreemap.org/styles/liberty) unless a different basemap is required.
  • Add navigation controls with map.addControl(new maplibregl.NavigationControl(), 'top-right');.
  • Guard against missing globals: if typeof maplibregl === 'undefined', disable map-dependent UI and show an error.

Geolocation pattern

  • Provide a dedicated button for navigator.geolocation.getCurrentPosition.
  • Disable the button while locating, apply a loading state, and reset it in success/error callbacks.
  • On success, create or update a maplibregl.Marker and map.easeTo the new center.
  • On errors, surface user-friendly messages for permission, availability, and timeout cases.

Overlay & interaction tips

  • Keep status text in small, unobtrusive elements and update it via helper functions.

Accessibility & layout

  • Generally prefer maps that take up the whole viewport, with UI controls and panels overlayed
  • Footer links in an overlay too.

GitHub リポジトリ

dave1010/tools
パス: .skills/maps

関連スキル

content-collections

メタ

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

スキルを見る

creating-opencode-plugins

メタ

This skill provides the structure and API specifications for creating OpenCode plugins that hook into 25+ event types like commands, files, and LSP operations. It offers implementation patterns for JavaScript/TypeScript modules that intercept and extend the AI assistant's lifecycle. Use it when you need to build event-driven plugins for monitoring, custom handling, or extending OpenCode's capabilities.

スキルを見る

evaluating-llms-harness

テスト

This Claude Skill runs the lm-evaluation-harness to benchmark LLMs across 60+ standardized academic tasks like MMLU and GSM8K. It's designed for developers to compare model quality, track training progress, or report academic results. The tool supports various backends including HuggingFace and vLLM models.

スキルを見る

sglang

メタ

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

スキルを見る