·mapcn

Guida tecnica per integrare mapcn nei progetti React + shadcn. Da utilizzare quando l'utente chiede di integrare mapcn, aggiungere mapcn a un'app shadcn, utilizzare MapControls/Marker/Route/Cluster mapcn, implementare lo stato del viewport controllato, utilizzare l'hook useMap o accedere a MapLibre tramite mapcn.

22Installazioni·0Tendenza·@ferminrp

Installazione

$npx skills add https://github.com/ferminrp/agent-skills --skill mapcn

Come installare mapcn

Installa rapidamente la skill AI mapcn nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: ferminrp/agent-skills.

Use this skill when the user needs to install, integrate, customize, or troubleshoot mapcn in a React + shadcn/ui codebase.

mapcn provides copy-paste style map components built on top of MapLibre GL JS and aligned with shadcn/ui workflows.

Use uncontrolled mode for simple cases, and controlled mode when state synchronization is needed.

Guida tecnica per integrare mapcn nei progetti React + shadcn. Da utilizzare quando l'utente chiede di integrare mapcn, aggiungere mapcn a un'app shadcn, utilizzare MapControls/Marker/Route/Cluster mapcn, implementare lo stato del viewport controllato, utilizzare l'hook useMap o accedere a MapLibre tramite mapcn. Fonte: ferminrp/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-21
Aggiornato
2026-03-11

Browse more skills from ferminrp/agent-skills

Risposte rapide

Che cos'è mapcn?

Guida tecnica per integrare mapcn nei progetti React + shadcn. Da utilizzare quando l'utente chiede di integrare mapcn, aggiungere mapcn a un'app shadcn, utilizzare MapControls/Marker/Route/Cluster mapcn, implementare lo stato del viewport controllato, utilizzare l'hook useMap o accedere a MapLibre tramite mapcn. Fonte: ferminrp/agent-skills.

Come installo mapcn?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ferminrp/agent-skills --skill mapcn Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/ferminrp/agent-skills