haydenschmitty/floorplan

Плагин Claude Code / Codex: позволяет агенту читать вашу кодовую базу и создавать масштабируемую интерактивную карту, где каждый модуль, файл и интерфейс сопровождается простым объяснением и указанием взаимных вызовов; даже если фронтенд и бэкенд находятся в разных репозиториях, запросы фронтенда можно сопоставить с отвечающими им бэкенд-интерфейсами.

2026-11-01T01:37:15Z

Звёзды 809 (+44 / 24 ч)

Причины

Для тех, кто «создал работающее приложение с помощью ИИ, но не может объяснить, как оно работает»: можно начать с одной страницы и увидеть стоящие за ней компоненты, запросы, серверный код, данные и внешние сервисы; также можно задавать вопросы прямо на карте, например, «как возврат средств попадает на карту клиента», и получать ответ вместе с мини-картой, содержащей только релевантные части
Функция проверки специально ищет типичные ошибки в приложениях, написанных ИИ: ключи, записанные в коде или отправленные в браузер, таблицы Supabase, доступные всем, открытые правила Firebase, подделываемые колбэки Stripe, интерфейсы без авторизации; к каждому пункту прилагается готовый к вставке исправление; раздел «Последние изменения» выделяет зелёным цветом карточки, которые агент только что изменил, и указывает причину
Сканирование, анализ, сопоставление запросов и верстка выполняются независимыми скриптами Node, а именование модулей и описаниями занимается Claude / Codex; при обновлении перечитываются только измененные части; если код еще не написан, можно создать «чертеж» из PRD, обозначенный пунктирными линиями

Использование

Требуется Node.js 18+; для Claude Code: выполните claude plugin marketplace add haydenschmitty/floorplan, затем claude plugin install floorplan@floorplan; для Codex: выполните codex plugin marketplace add haydenschmitty/floorplan, затем codex plugin add floorplan@floorplan
В проекте скажите «Make me a floorplan of this app» (в Codex также можно ввести $floorplan), карта генерируется в floorplan/index.html и автоматически открывается; после изменения кода скажите «Update the floorplan», результат можно экспортировать в один HTML-файл для отправки другим
Автор предоставил онлайн-демо примера приложения Brewline, которое можно посмотреть, не устанавливая ничего

Риски

Автор явно указывает, что проверка является именно проверкой, а не аудитом; поддерживаемые языки и фреймворки перечислены в списке (TS/JS, Python, Go, Rust, Java и т.д., Express, FastAPI, Next.js, Spring и т.д.), поддержка элементов вне списка является поверхностной
Карта генерируется за счет ваших собственных лимитов Claude / Codex, отдельный API-ключ не требуется; версия 0.6.0, лицензия MIT, репозиторий создан 10 27

Открыть