Back to Skills

maps

dave1010
Updated Yesterday
10 views
0
View on GitHub
Metaaidesign

About

This Claude Skill provides developers with essential guidance for building interactive map tools using MapLibre GL JS. It covers core setup including CSS/script loading, viewport configuration, and basemap tile selection. The skill also includes practical patterns for navigation controls, geolocation features, and error handling for missing dependencies.

Documentation

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.

Quick Install

/plugin add https://github.com/dave1010/tools/tree/main/maps

Copy and paste this command in Claude Code to install this skill

GitHub 仓库

dave1010/tools
Path: .skills/maps

Related Skills

sglang

Meta

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.

View skill

evaluating-llms-harness

Testing

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.

View skill

llamaguard

Other

LlamaGuard is Meta's 7-8B parameter model for moderating LLM inputs and outputs across six safety categories like violence and hate speech. It offers 94-95% accuracy and can be deployed using vLLM, Hugging Face, or Amazon SageMaker. Use this skill to easily integrate content filtering and safety guardrails into your AI applications.

View skill

langchain

Meta

LangChain is a framework for building LLM applications using agents, chains, and RAG pipelines. It supports multiple LLM providers, offers 500+ integrations, and includes features like tool calling and memory management. Use it for rapid prototyping and deploying production systems like chatbots, autonomous agents, and question-answering services.

View skill