Can I use my own GeoJSON data with this skill?

Yes, the skill is designed to handle custom TypeScript interfaces and GeoJSON data shapes for rendering vector layers.

What libraries does this GIS skill support?

The skill is specifically optimized for React, TypeScript, and the React-Leaflet library to ensure modern, type-safe web mapping.

Does it support different map tile providers?

Absolutely. It provides patterns for configuring various tile layers, including custom URLs, zoom levels, and attribution requirements.

How does it handle map interactivity?

It includes implementation patterns for interactive elements like popups, tooltips, and map UI controls such as layer toggles and legends.

GIS Web Mapping

Name: GIS Web Mapping
Author: Fadhili5

byFadhili5

0•

数据科学与机器学习

Generates production-ready React-Leaflet components and interactive geographic information system (GIS) interfaces using TypeScript.

This skill empowers Claude to build sophisticated GIS web applications by providing standardized patterns for React, TypeScript, and React-Leaflet. It streamlines the creation of interactive maps, including base map configuration, vector layer management for points and polygons, and complex UI controls like layer toggles and legends. By enforcing strong typing and composable component architecture, it ensures that geographic visualizations are robust, maintainable, and easily integrated into modern web workflows.

主要功能

010 GitHub stars

02Configures base maps with custom tile providers, zoom, and attribution

03Implements vector layers for points, polygons, and GeoJSON data

04Standardizes styling for markers, popups, and tooltips via templates

05Generates strongly-typed React-Leaflet components for GIS web maps

06Creates interactive map UI controls including layer toggles and sidebars

使用场景

01Building interactive dashboards for environmental or spatial data analysis

02Creating real-time asset tracking maps with custom markers and interactive popups

03Implementing complex geographic boundaries and regional heatmaps using GeoJSON

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fadhili5/gis-claude-skills skills

For use in Claude.ai and ChatGPT

Download Skill