Integrate Mapcn components into React and shadcn projects for interactive maps.
npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
Please help me install this Agent Skill. Skill: mapcn Source: https://github.com/ferminrp/agent-skills/tree/main/skills/mapcn Command: npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
mapcn provides ready-to-use map components built on MapLibre for React + shadcn UI, simplifying integration, state management, and map controls.
Install mapcn in your project and bootstrap a basic map with Map, MapControls, and a simple MapMarker.
High-intent search queries and answers about installing and using this skill.
You can integrate interactive maps into a React and shadcn UI project using mapcn, which provides ready-to-use components built on MapLibre. It simplifies rendering maps with controls and markers without complex configuration.
The best way to manage controlled viewport state for MapLibre maps in React is by using the useMap hook provided by mapcn, which enables dynamic viewport updates and state management for interactive applications.
Yes, you can add markers and map controls to a MapLibre map using mapcn. The library provides MapControls and MapMarker components that integrate directly into your shadcn UI project.
Yes, mapcn works without additional external dependencies listed in its configuration, providing a self-contained Skill unit with frontmatter entry points, usage guidance, and reference materials for installation and troubleshooting.
To troubleshoot map rendering issues in a React shadcn application, consult the mapcn reference materials which cover installation, configuration, and troubleshooting steps for MapLibre components in real-world apps.
yuheitomiConfigure Biome and Shadcn/UI preferences in React projects with pnpm.
dkyazzentwatwaGenerate interactive territory maps from GeoJSON data with folium, geopandas, and shapely.
gonzalopozoCreate shadcn/ui components with Tailwind CSS and Radix primitives in React projects.
ohallIntegrate MapLibre GL JS maps with GeoJSON clustering and incident markers in React.
