maplibre-style

Define and apply MapLibre styles for React map components.

1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/yuiseki/NEREID --skill maplibre-style
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: maplibre-style
Source: https://github.com/yuiseki/NEREID/tree/main/agents/gemini-workspace/.gemini/skills/maplibre-style
Command: npx skills add https://github.com/yuiseki/NEREID --skill maplibre-style

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Decide when to author a MapLibre Style Spec and how to apply styles in react-map-gl components.

Core Features & Use Cases

  • Style Spec is JSON with version, sources, layers, glyphs/sprites.
  • Layer order controls rendering priority.
  • Filters and paint/layout properties should be explicit and readable.
  • tile.yuiseki.net styles do not require access tokens.
  • Never include token placeholders such as YOUR_MAPLIBRE_GL_ACCESS_TOKEN.

Quick Start

Apply a MapLibre style by setting mapStyle to a URL or inline style object in your react-map-gl component.

Frequently Asked Questions about maplibre-style

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a MapLibre style in a react-map-gl component?

To apply a MapLibre style in react-map-gl, set the mapStyle property to a style URL or an inline style object to control map visuals, base maps, and layers.

What is a MapLibre Style Spec and when do I need it?

A MapLibre Style Spec is a JSON structure defining version, sources, layers, glyphs, and sprites. You need it to explicitly control rendering priority, filters, and visual themes in web maps.

Do I need an access token to use MapLibre styles with react-map-gl?

No, you do not need an access token for MapLibre styles. You should avoid token placeholders entirely, as certain map styles like tile.yuiseki.net do not require access tokens.

How should I structure paint and layout properties in a MapLibre style?

Structure paint and layout properties explicitly and readably within your style layers. This ensures correct rendering priority, proper filters, and clear visual control for your web maps.

Can I use inline style objects instead of a URL for react-map-gl?

Yes, you can use inline style objects instead of a URL for react-map-gl. Define your style JSON with version, sources, and layers, then pass the object directly to the component's mapStyle property.