Превращает любой репозиторий GitHub в интерактивную архитектурную диаграмму или минутный видеообзор с озвучкой; для AI-агентов доступен MCP-сервер.
haydenschmitty/floorplan
Интерактивная карта кодовой базы на понятном языке, созданная Claude Code или Codex: компоненты, файлы, эндпоинты и связи между ними.
- Звёзды
- 3,062
- Форки
- 233
- Открытые issues
- 7
- Последний коммит
- 5 дней назад
Что это?
Floorplan — плагин для Claude Code и Codex, который анализирует существующее приложение и создает его масштабируемую карту с описаниями на понятном языке. Компоненты, файлы и веб-эндпоинты получают понятные названия, а импорты и запросы от фронтенда к бэкенду отображаются как связи, в том числе между отдельными репозиториями.
Помимо карты, в Floorplan есть проверка состояния, которая выявляет распространенные проблемы приложений, созданных с помощью ИИ: ключи, оставленные в коде, общедоступные таблицы баз данных, открытые правила Firebase, неподтвержденные вебхуки Stripe и эндпоинты без авторизации. Для каждой проблемы предлагается способ ее исправить. В разделе Recent work отмечаются изменения, которые только что внес ИИ-ассистент. Также можно создать черновик архитектурного плана для еще не существующего приложения на основе PRD или спецификации.
Скрипты сканирования и построения карты написаны на обычном Node.js и не требуют зависимостей. Результат — локальный HTML-файл, доступный только на вашем компьютере. При обновлении повторно анализируются только измененные файлы, а сгенерированная папка исключена из git.
Ключевые возможности
- 01Масштабируемая карта — от всего приложения до отдельных файлов и эндпоинтов
- 02Отслеживает импорты и сопоставляет запросы фронтенда с эндпоинтами бэкенда, в том числе между репозиториями
- 03Проверка состояния выявляет открытые ключи и правила баз данных, неподтвержденные вебхуки и эндпоинты без авторизации
- 04В разделе Recent work отмечаются компоненты, измененные ИИ-ассистентом
- 05Режим Blueprint создает черновик планируемой системы на основе PRD или спецификации
Сценарии использования
- Разобраться в приложении, в значительной степени созданном с помощью ИИ, не читая весь код
- Помочь новому участнику команды освоиться в проекте с несколькими репозиториями
- Проверить, что и зачем изменил ИИ во время сессии программирования
- Выявить распространенные ошибки конфигурации безопасности до релиза
Быстрый старт
- 1
Добавьте маркетплейс Floorplan в Claude Code
claude plugin marketplace add haydenschmitty/floorplan - 2
Установите плагин Floorplan
claude plugin install floorplan@floorplan - 3
В новом сеансе попросите Claude Code создать план вашего приложения
- 4
Откройте карту в браузере и изучите её
Что важно знать
- Требуется Node.js версии 18 или новее, а также Claude Code или Codex.
- Чтобы панель Ask на карте могла читать ваш реальный код в настольном приложении, необходимо установить Claude Code CLI.
В подборках
Темы
Частые вопросы
- Что такое floorplan?
- Интерактивная карта кодовой базы на понятном языке, созданная Claude Code или Codex: компоненты, файлы, эндпоинты и связи между ними. Floorplan — плагин для Claude Code и Codex, который анализирует существующее приложение и создает его масштабируемую карту с описаниями на понятном языке. Компоненты, файлы и веб-эндпоинты получают понятные названия, а импорты и запросы от фронтенда к бэкенду отображаются как связи, в том числе между отдельными репозиториями.
- floorplan можно использовать бесплатно? Какая у него лицензия?
- floorplan распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- floorplan всё ещё поддерживается?
- Активно поддерживается. Последний коммит в floorplan — 2 нояб. 2026 г..
- Для чего можно использовать floorplan?
- Разобраться в приложении, в значительной степени созданном с помощью ИИ, не читая весь код Помочь новому участнику команды освоиться в проекте с несколькими репозиториями Проверить, что и зачем изменил ИИ во время сессии программирования Выявить распространенные ошибки конфигурации безопасности до релиза
- Как установить floorplan?
- Добавьте маркетплейс Floorplan в Claude Code: claude plugin marketplace add haydenschmitty/floorplan Установите плагин Floorplan: claude plugin install floorplan@floorplan В новом сеансе попросите Claude Code создать план вашего приложения Откройте карту в браузере и изучите её
- Где скачать floorplan?
- Исходный код и инструкции по установке — на GitHub: https://github.com/haydenschmitty/floorplan
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Локальные CLI и приложение для компьютера, которые показывают расходы на токены для AI-разработки в разрезе инструментов, моделей, проектов и задач.
Лёгкая кроссплатформенная IDE для AI-разработки: запускайте в одном окне несколько сессий Claude Code и Codex для разных проектов.
Промпт-навык для AI-агентов, который помогает писать только необходимый для задачи код, отдавая предпочтение повторному использованию и минимальным решениям.
Навык для coding assistant: AI-агент сразу переходит к следующему действию, нумерует шаги и обходится без воды и вступлений.
Плагин для Claude Code, который выводит актуальную строку состояния: использование контекста, лимиты, активные инструменты, запущенных агентов и прогресс по задачам.