Convierte cualquier repositorio de GitHub en un diagrama interactivo de arquitectura o en un video explicativo narrado de un minuto, con un servidor MCP para agentes de IA.
18,8 mil+155 esta semana1,4 milTypeScriptMITActualizado anteayer
haydenschmitty/floorplan
Un mapa interactivo en lenguaje claro de tu base de código, creado por Claude Code o Codex, que muestra componentes, archivos, endpoints y sus conexiones.
- Estrellas
- 2,966
- Forks
- 230
- Issues abiertos
- 7
- Último commit
- hace 3 días
¿Qué es?
Floorplan es un plugin para Claude Code y Codex que analiza una aplicación existente y genera un mapa ampliable en lenguaje claro. Los componentes, archivos y endpoints web reciben nombres descriptivos, y las importaciones y solicitudes entre el frontend y el backend se representan como conexiones, incluso entre repositorios distintos.
Además del mapa, incluye una comprobación de estado que señala problemas habituales en aplicaciones creadas con IA, como claves que quedaron en el código, tablas de bases de datos con acceso de lectura público, reglas de Firebase abiertas, webhooks de Stripe sin verificar y endpoints sin inicio de sesión; para cada problema, sugiere una solución. Una vista de trabajo reciente destaca los cambios que acaba de hacer un asistente de IA. También puede generar un borrador del plano de una aplicación que aún no existe a partir de un PRD o una especificación.
Los scripts de análisis y diseño están escritos en Node.js sin dependencias, y el resultado es un archivo HTML local que solo se sirve en tu propia máquina. En las actualizaciones, solo se vuelven a analizar los archivos modificados, y la carpeta generada se excluye de git.
Funciones clave
- 01Mapa ampliable, desde la aplicación completa hasta archivos y endpoints individuales
- 02Sigue las importaciones y relaciona las solicitudes del frontend con los endpoints del backend entre distintos repositorios
- 03Comprobación de estado para detectar claves expuestas, reglas de bases de datos abiertas, webhooks sin verificar y endpoints sin autenticación
- 04La vista de trabajo reciente destaca los componentes modificados por el asistente de IA
- 05El modo de plano genera un borrador del sistema previsto a partir de un PRD o una especificación
Casos de uso
- Entender una aplicación creada en gran medida con ayuda de IA sin leer todo el código
- Incorporar a un nuevo integrante a un proyecto con varios repositorios
- Revisar qué cambió y por qué en una sesión de programación con IA
- Detectar errores habituales de configuración de seguridad antes del lanzamiento
Inicio rápido
- 1
Añade el marketplace de Floorplan a Claude Code
claude plugin marketplace add haydenschmitty/floorplan - 2
Instala el plugin de Floorplan
claude plugin install floorplan@floorplan - 3
En una sesión nueva, pídele a Claude Code que cree un plano de tu app
- 4
Abre el mapa que aparece en el navegador y explóralo
Antes de usarlo
- Necesitas Node.js 18 o posterior y Claude Code o Codex.
- Para que la barra Ask del mapa lea tu código real en la app de escritorio, debes tener instalado Claude Code CLI.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es floorplan?
- Un mapa interactivo en lenguaje claro de tu base de código, creado por Claude Code o Codex, que muestra componentes, archivos, endpoints y sus conexiones. Floorplan es un plugin para Claude Code y Codex que analiza una aplicación existente y genera un mapa ampliable en lenguaje claro. Los componentes, archivos y endpoints web reciben nombres descriptivos, y las importaciones y solicitudes entre el frontend y el backend se representan como conexiones, incluso entre repositorios distintos.
- ¿floorplan es gratuito? ¿Qué licencia tiene?
- floorplan es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿floorplan sigue mantenido?
- Mantenimiento activo. El último commit de floorplan fue el 2 nov 2026.
- ¿Para qué puedo usar floorplan?
- Entender una aplicación creada en gran medida con ayuda de IA sin leer todo el código Incorporar a un nuevo integrante a un proyecto con varios repositorios Revisar qué cambió y por qué en una sesión de programación con IA Detectar errores habituales de configuración de seguridad antes del lanzamiento
- ¿Cómo se instala floorplan?
- Añade el marketplace de Floorplan a Claude Code: claude plugin marketplace add haydenschmitty/floorplan Instala el plugin de Floorplan: claude plugin install floorplan@floorplan En una sesión nueva, pídele a Claude Code que cree un plano de tu app Abre el mapa que aparece en el navegador y explóralo
- ¿Dónde consigo floorplan?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/haydenschmitty/floorplan
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
CLI local y app de escritorio que desglosan el gasto en tokens y los costos de tu programación con IA por herramienta, modelo, proyecto y tarea.
11,7 mil+87 esta semana909TypeScriptMITBien mantenidoActualizado hace 14 horas
IDE multiplataforma y ligero para programar con IA, que ejecuta varias sesiones de Claude Code y Codex en distintos proyectos desde una sola ventana.
1,9 mil176TypeScriptGPL-3.0Bien mantenidoActualizado hace 2 meses
Una skill basada en prompts que hace que los agentes de programación con IA escriban solo el código que necesita cada tarea, y prioricen la reutilización y las soluciones mínimas frente a las implementaciones extensas.
185,1 mil+5,1 mil esta semana10,2 milJavaScriptMITActualizado hace 8 días
Una skill para asistentes de programación que hace que los agentes de IA empiecen por la siguiente acción, con pasos numerados y sin relleno ni preámbulos.
60,2 mil+867 esta semana3,5 milPythonMITActualizado hace 17 días
Plugin para Claude Code que añade una línea de estado en tiempo real con el uso del contexto, los límites de uso, las herramientas activas, los agentes en ejecución y el progreso de las tareas pendientes.
29,1 mil+111 esta semana1,3 milJavaScriptMITActualizado hace 3 días