·mapcn

Guide technique pour intégrer mapcn dans les projets React + shadcn. À utiliser lorsque l'utilisateur demande à intégrer mapcn, à ajouter mapcn à une application shadcn, à utiliser mapcn MapControls/Markers/Routes/Clusters, à implémenter un état de fenêtre contrôlé, à utiliser le hook useMap ou à accéder à MapLibre via mapcn.

22Installations·0Tendance·@ferminrp

Installation

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

Comment installer mapcn

Installez rapidement le skill IA mapcn dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

Guide technique pour intégrer mapcn dans les projets React + shadcn. À utiliser lorsque l'utilisateur demande à intégrer mapcn, à ajouter mapcn à une application shadcn, à utiliser mapcn MapControls/Markers/Routes/Clusters, à implémenter un état de fenêtre contrôlé, à utiliser le hook useMap ou à accéder à MapLibre via mapcn. Source : ferminrp/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/ferminrp/agent-skills --skill mapcn
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-21
Mis à jour
2026-03-11

Browse more skills from ferminrp/agent-skills

Réponses rapides

Qu'est-ce que mapcn ?

Guide technique pour intégrer mapcn dans les projets React + shadcn. À utiliser lorsque l'utilisateur demande à intégrer mapcn, à ajouter mapcn à une application shadcn, à utiliser mapcn MapControls/Markers/Routes/Clusters, à implémenter un état de fenêtre contrôlé, à utiliser le hook useMap ou à accéder à MapLibre via mapcn. Source : ferminrp/agent-skills.

Comment installer mapcn ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ferminrp/agent-skills --skill mapcn Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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