Floorplan : la carte interactive de ton appli, dessinée par Claude
Le guide d'installation de Floorplan, le plugin qui fait dessiner par Claude ou Codex la carte interactive de ton appli, avec les commandes exactes et les phrases à lui dire.
Ce que c'est
Floorplan est un plugin pour Claude Code et Codex qui lit ton code et dessine la carte interactive de ton application. 1166 étoiles, licence MIT, zéro dépendance, et ça tourne sur l'abonnement que tu as déjà, sans aucune clé API.
Le dépôt : https://github.com/haydenschmitty/floorplan
Pré-requis
- Node 18 minimum
- Claude Code (ou Codex)
Installation dans Claude Code
claude plugin marketplace add haydenschmitty/floorplan
claude plugin install floorplan@floorplan
Installation dans Codex
- Ouvre Plugins
- Add a marketplace
- Entre
haydenschmitty/floorplan
Les phrases à lui dire
| Ce que tu veux | Ce que tu demandes |
|---|---|
| Créer la carte | « fais-moi un floorplan de cette appli » |
| La mettre à jour | « mets à jour le floorplan » (seul ce qui a changé est relu) |
| Comprendre un parcours | « comment un remboursement arrive sur la carte du client » |
| Trouver un service | « où est-ce qu'on parle à Stripe » |
| Partir d'un PRD, sans code | « dessine le plan de ce qu'il faudrait construire » |
Ce que tu obtiens
- Des noms en langage simple, pas du jargon : « prend les paiements par carte au moment du checkout », pas « wrapper de l'API Stripe ».
- Le zoom : tu partes de l'appli entière et tu double-cliques jusqu'à une partie, un groupe de fichiers, un fichier et ses endpoints.
- Le front relié au back : il suit les imports et relie chaque requête de ton front au endpoint serveur qui y répond, même quand le front et le back sont dans deux dépôts séparés.
- Les questions à la carte : tu poses la question, tu reçois la réponse plus une mini-carte des pièces concernées, étape par étape.
Le Health check
Il attrape les erreurs classiques des applis faites à l'IA, chacune avec un correctif prêt à coller :
- clés écrites directement dans le code
- tables Supabase que n'importe qui peut lire
- règles Firebase ouvertes
- endpoints sans connexion
Le panneau Recent work
Les cartes que ton IA vient de modifier s'allument en vert, avec la raison du changement. Tu vois d'un coup d'œil ce qui a bougé dans ton appli depuis ta dernière session.
Où ça se range
Floorplan crée un dossier floorplan/ avec la carte, plus une courte note dans CLAUDE.local.md pour que tes prochaines sessions sachent que la carte existe. Rien n'est commité : le dossier s'ignore tout seul dans git, et CLAUDE.local.md part dans l'ignore privé de ton clone.
Une question ? Réponds-moi directement en message privé.