Skills
.Work. You
Rest

maplibre-cdn

Community

Embed MapLibre maps in React apps without CDNs.

Software Engineering#react#npm#maplibre#gis#maplibre-gl#pmtiles#web-maps
Authoryuiseki
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reference-only: MapLibre GL JS is installed via npm as maplibre-gl v5 and react-map-gl v8. Additional GIS libs: pmtiles, osmtogeojson, swr, @turf/turf. NOT a callable tool.

Core Features & Use Cases

  • NPM-based MapLibre setup: maplibre-gl v5 and react-map-gl v8 installed without CDN scripts.
  • PMTiles and GIS tooling: supports pmtiles, osmtogeojson, Turf, and SWR for data fetching.
  • Usage in React components: demonstrates rendering with Map and mapStyle URL, and reading PMTiles protocol for GIS data integration.
  • Real-world scenario: render interactive maps in a React UI with tile styles and GIS layers.

Quick Start

Import Map from react-map-gl/maplibre, pass mapLib={maplibregl}, and render the Map with a style URL such as https://tile.yuiseki.net/styles/osm-bright/style.json.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: maplibre-cdn
Download link: https://github.com/yuiseki/NEREID/archive/main.zip#maplibre-cdn

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.