haydenschmitty/floorplan

Claude Code / Codex 插件:让代理读你的代码库,画出一张可缩放的交互地图,每个模块、文件和接口都配一句白话说明并标出相互调用;前后端分在不同仓库时,也能把前端发出的请求对上回答它的后端接口。

Claude Code / Codex 插件:让代理读你的代码库,画出一张可缩放的交互地图,每个模块、文件和接口都配一句白话说明并标出相互调用;前后端分在不同仓库时,也能把前端发出的请求对上回答它的后端接口。

星数 809(+44 / 24h)

理由

  • 面向“靠 AI 写出了能跑的应用、但说不清它怎么运转”的人:可以从一个页面出发,看它背后的组件、请求、服务端代码、数据和外部服务;也能在地图上提问,比如“退款怎么回到客户卡上”,得到答案和只含相关部分的小地图
  • 体检功能专查 AI 写应用的常见错误:写在代码里或发到浏览器的密钥、谁都能读的 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 Key;版本 0.6.0,许可证 MIT,仓库 10 月 27 日建

打开

Trendshift(GitHub Trending 快照)

浏览最新 AI 动态