Repolode
Enviar
haydenschmitty

haydenschmitty/floorplan

Um mapa interativo e em linguagem simples da sua base de código, criado pelo Claude Code ou pelo Codex, que mostra partes, arquivos, endpoints e as conexões entre eles.

Ver no GitHubSite
Estrelas
2,966
Forks
230
Issues abertas
7
Último commit
há 4 dias

O que é?

Floorplan é um plugin para Claude Code e Codex que analisa um app existente e gera um mapa navegável com zoom e descrições em linguagem simples. Partes, arquivos e endpoints web recebem nomes descritivos, e as importações e requisições entre frontend e backend são representadas como conexões, inclusive entre repositórios separados.

Além do mapa, o plugin inclui uma verificação de integridade que sinaliza problemas comuns em apps criados com IA, como chaves expostas no código, tabelas de banco de dados com leitura pública, regras abertas no Firebase, webhooks do Stripe não verificados e endpoints sem autenticação, com uma sugestão de correção para cada problema. A visualização de atividades recentes destaca o que um assistente de IA acabou de alterar. O plugin também pode criar um rascunho de blueprint a partir de um PRD ou de uma especificação para um app que ainda não existe.

Os scripts de análise e de layout usam Node.js puro, sem dependências, e o resultado é um arquivo HTML local, servido apenas na sua própria máquina. As atualizações reanalisam somente os arquivos alterados, e a pasta gerada fica fora do git.

Recursos principais

  • 01Mapa com zoom, desde o app inteiro até arquivos e endpoints individuais
  • 02Acompanha importações e relaciona requisições do frontend a endpoints do backend entre repositórios
  • 03Verificação de integridade para chaves expostas, regras de banco de dados abertas, webhooks não verificados e endpoints sem autenticação
  • 04A visualização de atividades recentes destaca as partes alteradas pelo assistente de IA
  • 05O modo blueprint cria um rascunho do sistema planejado a partir de um PRD ou de uma especificação

Casos de uso

  • Entender um app criado em grande parte com ajuda de IA sem precisar ler todo o código
  • Integrar uma nova pessoa da equipe a um projeto com vários repositórios
  • Revisar o que uma sessão de programação com IA alterou e por quê
  • Identificar configurações de segurança incorretas comuns antes do lançamento

Início rápido

  1. 1

    Adicione o marketplace Floorplan ao Claude Code

    claude plugin marketplace add haydenschmitty/floorplan
  2. 2

    Instale o plugin Floorplan

    claude plugin install floorplan@floorplan
  3. 3

    Em uma nova sessão, peça ao Claude Code para criar uma planta baixa do seu app

  4. 4

    Abra o mapa que aparece no navegador e explore-o

Antes de usar

  • É necessário ter o Node.js 18 ou mais recente e o Claude Code ou o Codex.
  • Para que a barra Ask do mapa leia seu código real no app para desktop, é necessário ter o Claude Code CLI instalado.

Em coleções

Ferramentas, skills e plugins para Claude CodeAssistentes e agentes de programação com IAFerramentas de varredura, auditoria e inteligência de ameaças

Tópicos

#ai-coding#codebase-visualization#architecture-diagram#claude-code#codex#developer-tools#onboarding#security#claude#claude-code-plugin

Perguntas frequentes

O que é floorplan?
Um mapa interativo e em linguagem simples da sua base de código, criado pelo Claude Code ou pelo Codex, que mostra partes, arquivos, endpoints e as conexões entre eles. Floorplan é um plugin para Claude Code e Codex que analisa um app existente e gera um mapa navegável com zoom e descrições em linguagem simples. Partes, arquivos e endpoints web recebem nomes descritivos, e as importações e requisições entre frontend e backend são representadas como conexões, inclusive entre repositórios separados.
floorplan é gratuito? Qual é a licença?
floorplan é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
floorplan ainda é mantido?
Manutenção ativa. O último commit de floorplan foi em 2 de nov. de 2026.
Para que posso usar floorplan?
Entender um app criado em grande parte com ajuda de IA sem precisar ler todo o código Integrar uma nova pessoa da equipe a um projeto com vários repositórios Revisar o que uma sessão de programação com IA alterou e por quê Identificar configurações de segurança incorretas comuns antes do lançamento
Como instalar floorplan?
Adicione o marketplace Floorplan ao Claude Code: claude plugin marketplace add haydenschmitty/floorplan Instale o plugin Floorplan: claude plugin install floorplan@floorplan Em uma nova sessão, peça ao Claude Code para criar uma planta baixa do seu app Abra o mapa que aparece no navegador e explore-o
Onde consigo floorplan?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/haydenschmitty/floorplan

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados