haydenschmitty/floorplan

Plugin Claude Code / Codex : permet à l'agent de lire votre base de code et de générer une carte interactive et zoomable, où chaque module, fichier et interface est accompagné d'une explication en langage clair et où les appels mutuels sont indiqués ; lorsque le frontend et le backend sont dans des dépôts distincts, il peut également associer les requêtes émises par le frontend aux interfaces backend qui y répondent.

Nombre d'étoiles 809 (+44 / 24h)

Raison

• Conçu pour ceux qui « ont créé une application fonctionnelle grâce à l'IA, mais ne savent pas expliquer son fonctionnement » : vous pouvez partir d'une page pour visualiser les composants, les requêtes, le code serveur, les données et les services externes qui la sous-tendent ; vous pouvez aussi poser des questions sur la carte, par exemple « comment le remboursement revient-il sur la carte du client ? », et obtenir une réponse ainsi qu'une sous-carte contenant uniquement les éléments pertinents
• La fonction de diagnostic vérifie spécifiquement les erreurs courantes des applications générées par l'IA : clés secrètes écrites dans le code ou envoyées au navigateur, tables Supabase accessibles à tous, règles Firebase ouvertes, callbacks Stripe falsifiables, interfaces sans authentification, chaque problème étant accompagné d'une correction prête à être collée ; la section « Modifications récentes » met en vert les cartes modifiées par l'agent et en précise la raison
• Le scan, l'analyse, la correspondance des requêtes et la mise en page sont effectués par des scripts Node sans dépendances, tandis que le nommage des modules et les descriptions sont confiés à Claude / Codex ; lors des mises à jour, seules les parties modifiées sont relues ; si le code n'a pas encore été écrit, vous pouvez générer un « plan » en pointillés à partir du PRD

Utilisation

• Nécessite Node.js 18+ ; pour Claude Code : claude plugin marketplace add haydenschmitty/floorplan, puis claude plugin install floorplan@floorplan ; pour Codex : codex plugin marketplace add haydenschmitty/floorplan, puis codex plugin add floorplan@floorplan
• Dans votre projet, dites « Make me a floorplan of this app » (ou tapez $floorplan dans Codex) ; la carte est générée dans floorplan/index.html et s'ouvre automatiquement ; après avoir modifié le code, dites « Update the floorplan » ; vous pouvez exporter le résultat en un seul fichier HTML à partager
• L'auteur propose une démonstration en ligne de l'application exemple Brewline, permettant de tester l'outil sans installation préalable

Risques

• L'auteur précise que le diagnostic est une vérification, pas un audit ; les langages et frameworks pris en charge sont listés (TS/JS, Python, Go, Rust, Java, etc., Express, FastAPI, Next.js, Spring, etc.), et le support des technologies hors de cette liste est plus limité
• La carte est générée avec votre propre quota Claude / Codex, aucune clé API supplémentaire n'est nécessaire ; version 0.6.0, licence MIT, dépôt créé le 27 10

Ouvrir