什么值得做
GitHub 开源项目 · 11-6 写
haydenschmitty/floorplan · haydenschmitty

两个 9 万 star 的对手之间,Floorplan 换了一群用户:10 天 3 千 star 是怎么来的

它是什么 一个 Claude Code / Codex 插件,让 AI 读你的代码,画出一张用大白话标注、能缩放的 app 地图,还能查出 AI 写的 app 里常见的安全漏洞。

为什么火了 同类工具都给开发者用,它专给用 AI 做 app、却不读代码的人,文案一句话就能讲清;作者自己的短视频粉丝先推了第一波,安全检查上线后,聚合站、榜单和 Instagram 搬运号接着转,单日最多涨 776。

B你可以怎么跟 别再做代码地图;照它的路子,挑一个已经被验证的开发者工具品类(日志、数据库、部署、安全体检),改成给不读代码的人用,补一个戳他们焦虑的功能,README 开头写成能直接转发的推文。

B 级:挑人群加写文案的做法清楚、能复制,vibecoder 人群也够大;但第一波靠的是作者自带的对口受众,没有渠道的人很难点燃,agent 插件这个圈子换得又快,原品类已经挤满。 小圈子里在传
数据(每天更新) · 建库 2026-10-27 · 3,147 星 · 7 天 +2,449
GitHub · 星数
01k2k3k10-2910-3111-0311-0611-083.1k
数据 2026-10-29 → 2026-11-08(11 天,11 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有

把代码库画成一张图,这件事在 GitHub 上早就有人做过,Archify 和 Understand-Anything 各有 9 万多 star。10 月 27 日,一个专给「不读代码的 vibecoder」讲技术的短视频博主发了 Floorplan,功能和它们差不多,只是写给另一群人看,再加了一个查安全漏洞的功能。10 天后它有 2,971 个 star。你能学走的是挑人群和写文案的方法,他自带的那批粉丝你借不到。

一条讲登录接口的视频,三个月后变成一个插件

Hayden Smith 在 TikTok 上叫 @haydenschmitty,在 Instagram 上叫「Anti-Hype AI Educator」。他的视频标题差不多是一个句式:「给 vibecoder 讲哈希」「给 vibecoder 讲数据库迁移」「给非技术 vibecoder 讲输入校验」。最火的一条是 8 月 6 日发的《你 vibe 出来的登录接口不安全的 5 个地方》,39.9 万播放、2.6 万赞;第二火的讲 UI 设计模式,18.3 万播放(TikTok,11-06 读取)。TikTok 6,490 粉,Instagram 约 2.6 万粉(搜索摘要,日期不明)。

10 月 27 日,他在 Instagram 发了一条 reel:「I'm open-sourcing Floorplan」。README 开头那段话后来被各家原样照搬:

你做了一个 app,大概率有 AI 帮了不少忙,它也能跑。但要是问你「用户结账的时候发生了什么?」「我改了这里会坏掉什么?」,老实说,你不知道。

它的读者不是工程师,是用 Claude 和 Codex 拼出一个能用的 app、却没读过自己代码的人。这群人 2026 年最多,也正是他视频底下的观众。

它是什么

一个 Claude Code / Codex 插件,两行命令装好,用你现有的 Claude 或 ChatGPT 套餐,不要 API key,没有依赖。你跟 agent 说「给我画个 floorplan」,几分钟后得到一张能缩放的交互式地图:

  • 大白话标签:写「结账时收银行卡」,不写「Stripe API wrapper」;鼠标悬停解释术语,一个开关切回开发者视图。
  • 从一个页面倒查:点你认识的页面,看它背后的组件、请求、服务端代码、数据库、外部服务;前端请求能跨仓库对上后端接口。
  • 问这张图:「退款是怎么回到客户卡上的?」回答附一张只含相关部分的小地图和分步讲解。
  • Recent work:AI 刚改过的卡片变绿,每张写着这次改动和你的要求有什么关系。
  • Health check:专抓 AI 写的 app 最常见的坑:密钥写在代码里或发到了浏览器、谁都能读的 Supabase 表、没关的 Firebase 规则、能伪造的 Stripe webhook、不用登录就能调的接口,每条附一段可以直接粘贴的修复提示。

解析是脚本做的,十几种语言、十几个框架的接口匹配都是写死的规则,模型只负责起名字和讲解。有用户写文章对比过:自己的 agent 凭记忆画用户流程,错了两处;Floorplan 追出来的是对的(Worklore,11-02)。还有一个不用安装的在线 demo,地图画的是一个虚构的咖啡订阅 app「Brewline」,四个仓库,手机上也能点。

star 是哪天来的

日期star当日涨那天发生了什么
10-270—建库,作者 Instagram 发开源 reel
10-28约 103+103一家 AI 资讯站写「一天 103 star」
10-29275+172X 大号 0xMarioNawfal 转发,基本照搬 README 开头加安装命令,4.05 万浏览
10-30362+87作者第二条 reel;导出的图开始带「Made with Floorplan」回链
10-31462+1000.6.0 上线 Health check;r/BestGitHubRepos 有人发帖
11-01698+236聚合站、Newsletter、LinkedIn 帖
11-021,474+776进 Trendshift 日榜;有资讯站称当天上了 GitHub trending(未核实)
11-032,180+706Instagram 搬运号发视频,「评论 MAP 发你安装方法」
11-042,526+346
11-052,815+289
11-062,971+156回落;fork 230

数据:GitHub 每日 star / fork(10-29 起),10-28 的数来自当天的报道。

作者自己的两条 reel 和那条 X 转发,头四天带来约 360 个 star。真正的爆发在 Health check 上线以后:11-01 到 11-03 三天涨了 1,700 多,这时候推它的已经不是作者,是 20 多家 AI 聚合站(英、日、韩、葡、中都有)、Trendshift 榜单,以及 Instagram / Facebook 上那种「评论关键词领链接」的搬运号。没上 Hacker News,没上 Product Hunt,没有主流科技媒体写它,也没投广告。

fork 和 star 的比约 7.7%;0.6.2、0.6.3 两个版本修的是「15 个用户报告」的问题,还有几位外部贡献者。确实有人装了在用。10 天里从 0.3 发到 0.6.3,每版都写清楚修了谁报的问题、谢了谁。

为什么是它,不是那两个 9 万 star 的

它没有发明品类。 同类开源项目摆出来是这样:

名字规模(11-06)给谁用
tt-a1i/archify9.38 万 star,近 7 天 +2,421讲解、演示用的精美图表,10 种图型
Egonex-AI/Understand-Anything9.09 万 star,近 7 天 +2,039开发者啃大代码库,函数 / 类级知识图谱
colbymchenry/codegraph7.68 万 star给 agent 用的代码索引,不是给人看的
ahmedkhaleel2004/gitdiagram1.88 万 star改个 URL,给公开仓库出静态架构图
Agents365-ai/drawio-skill1.06 万 star出可编辑的 draw.io 图
caru-ini/stack-diagram1,858 star(11-03 单日 +779)一句话描述技术栈,出带 logo 的图
CodeBoarding、oh-my-mermaid、swark 等1.7k–7.5k star静态架构图 / Mermaid

它换的是用户。 上面每一个都写给开发者看。Floorplan 在 README 里放了一张「Floorplan、Archify 还是 Understand Anything?」的对比表,说得很直白:它们给讲解用、给开发者用,我给「用 AI 做 app、不读代码的人」。这张表一来把自己钉在两个大名字旁边,二来让每个转发的人一句话就能说清它和那两个有什么不同。

安全焦虑是作者早就验证过的话题。 他最火的视频讲的就是 vibe 出来的接口不安全。Health check 10-31 上线,之后单日涨星从 100 到 236,再到 776。「你的 Supabase 表谁都能读」这种话,非技术用户一听就慌,资讯号也爱转。

文案就是现成的推文。 「问你结账时发生了什么,你不知道」这句,X 大号和聚合站一字没改就发了。两行安装命令、一个手机能点的 demo、一条 YouTube 演示,看到的人不用想就能试。

作者的受众占一半。 他的 2.6 万粉正好是目标用户,发布当天就能推到对的人面前,这一段你借不到。不过后面那波大的不是他带的:聚合站和搬运号每天都在找新的 AI 工具,它们挑中 Floorplan,是因为它一句话讲得清,又碰上了正在热的话题。

能跟吗

先说别做什么:别再做一个「agent 读代码出图」。这个方向头部有两个 9 万 star,同一波里一周就冒出 stack-diagram 这种单日涨 779 的;Floorplan 已经占了「给 vibecoder」这个位置,每两天发一版。正面再做一个,大概率淹在里面。

能学走的是它的做法,换个工具品类就能再用一遍:

  1. 找一个开发者工具里已经被验证的品类,改给不读代码的人用。 这群人现在最多,同类工具几乎都没打他们。能套的品类很多:日志和报错(「你的 app 昨晚为什么挂了」,用大白话讲)、数据库(「你的用户表里都有什么,谁能看」)、部署和账单(「你每月在 Vercel / Supabase 上花多少,花在哪」)、依赖升级、测试。
  2. 补一个这群人最焦虑的功能。 对 vibecoder 来说是安全和「AI 改了什么」。Floorplan 的 Health check 现在只查 Supabase、Firebase、Stripe 和密钥这几类;它自己也写着「是检查,不是审计」。把 vibe 应用的安全检查单独做深(更多平台、更多框架、上线前一键体检),是一块它没做完的地方(推断)。
  3. README 第一段写成能被原样转发的推文,配两行安装命令、一个手机能点的 demo、一条视频;在 README 里主动拿最大的竞品对比,借它们的名字给自己定位。
  4. 导出物带回链,提交官方插件目录和 awesome 列表。

如果是你

B:做法清楚,能试;但没有自己的受众,第一波很难点起来,而且「agent 插件」这个圈子换得很快。

  • 适合谁:本来就在给非技术 AI 用户写东西、拍视频、做社群的开发者,哪怕只有几千个对口的关注者;或者熟悉某一类开发者工具(日志、数据库、部署、测试),能把它讲成大白话的人。
  • 不适合谁:想正面再做一个代码地图 / 架构图工具的;手里没有任何发布渠道、指望 GitHub 自然流量的;要的是收入的(这条路攒的是 star 和名气,Floorplan 作者的回报大概是个人品牌和咨询,推断)。
  • 怎么做:挑一个开发者工具品类,先在 Reddit 和 vibecoder 社群里确认这群人确实在问「我看不懂 X」;做成 Claude Code / Codex 插件,用户自带模型、零配置;底层用确定性的脚本,模型只负责讲解,这样结果才可信;第一版就带一个「戳焦虑」的检查。
  • 怎么获客:先用自己的短视频或帖子推给第一批对口的人,拿到头一两百个 star;README 开头写成推文,主动 @ 那几个专转 AI 工具的 X 大号;星数起来以后,聚合站、Trendshift 和 Instagram 搬运号会自己找上来。Floorplan 11-01 到 11-03 那三天,靠的主要就是这些。
  • 什么时候之前:vibecoder 人群和 agent 插件生态正热,同一波「agent 画图」一周就能冒出好几个项目;估计这股风还有几个月(估),越晚,每个品类里「给非技术用户」那个位置越可能被占掉。
  • 什么情况说明看错了:① Floorplan 一个月内涨星掉到每天几十、issue 也没人提了,说明「非技术用户想看懂自己的 app」只是看个新鲜,不会常用,这个人群的工具不值得做;② Claude Code 或 Codex 官方把代码地图、安全检查做进了自带功能,插件这条路就窄了;③ 有人没有任何自有受众,只靠 README 和发帖,把一个「给 vibecoder 的 X」做到上千 star,说明分发没那么关键,这件事可以升一档。

GitHub 仓库 ↗

研究底稿:竞品表、获客证据、完整研究报告
竞品
名字在哪上线规模它和这家不同在哪
tt-a1i/archify开源2026-04-1593,809 star,7 天 +2,421做精美图表用于讲解演示,10 种图型;不针对看懂和体检自己的 app
Egonex-AI/Understand-Anything开源2026-03-1590,919 star,7 天 +2,039函数/类级别的知识图谱,给开发者啃大代码库;Floorplan 给不读代码的人,用大白话
colbymchenry/codegraph开源2026-01-1876,773 star给 agent 用的代码索引,省 token,不是给人看的
ahmedkhaleel2004/gitdiagram开源2024-12-1518,760 star改 URL 给公开仓库出静态架构图;不在本地跑,没有问答和安全检查
Agents365-ai/drawio-skill开源2026-03-0310,594 star出可编辑的 draw.io 图,工程师向
caru-ini/stack-diagram开源2026-11-011,858 star(11-03 单日 +779)一句话描述技术栈出带 logo 的图,不读代码
CodeBoarding / oh-my-mermaid / swark / architecture-diagram-generator开源2024-20261.7k-7.5k star静态架构图 / Mermaid,面向开发者
DeepWiki、CodeSee 一类网页早已有未核实自动文档 / 代码地图,面向工程团队,收费或只看公开仓库
用户从哪来
  • 查实 作者自有 Instagram / TikTok 受众:IG「Anti-Hype AI Educator」约 2.6 万粉,10-27、10-30 发了开源 reel;TikTok 6,490 粉,最火的视频讲 vibe 出来的登录接口安全(39.9 万播放)
  • 查实 X 大号:0xMarioNawfal(@RoundtableSpace)10-29 发推,40.5K 浏览;CreativeAiNinja 跟进
  • 查实 AI 聚合站 / 内容农场:Reveneau、KODiQ、explainx、Coderefer、ReviewRamble、HDATF、Early Signal、The Daily Commit 等 20 多篇,多语种;另有 skillsllm、claudepluginhub 等目录收录
  • 查实 IG / FB 搬运号「评论关键词领链接」:@tunestechtips(11-03,Comment MAP)、GitTrend(Comment LINK)、FB githunt;时间和 11-02、11-03 两天合计约 +1,480 star 吻合
  • 查实 Reddit / awesome 列表:r/BestGitHubRepos 帖(当时 512 star);awesome-claude-code issue #3387
  • 推断 榜单:Trendshift 日榜 Top 25;explainx 称 11-02 上了 GitHub trending(我们库里 trending 只收满 60 天的库,未核实)
  • 查实 产品内置回链:0.4.1 起导出的图带「Made with Floorplan」链接;已提交 Claude 官方插件目录审核

Floorplan(haydenschmitty/floorplan)为什么能跑出来

渠道:GitHub 开源 · 建库 2026-10-27 · 截至 2026-11-06:2,971 star / 230 fork(github 库 repo_profile) 一句话:Claude Code / Codex 插件,让 agent 读你的代码库,画出一张能缩放、用大白话标注的交互式「户型图」,外加专抓 AI 写的应用常见漏洞的 Health check。

结论先说

Floorplan 是作者自带受众 + 讲一个具体的痛点跑出来的,不是技术领先。作者 Hayden Smith 是 Instagram / TikTok 上专讲「非技术 vibecoder 怎么把 app 做好」的博主(IG 约 2.6 万粉,TikTok 6,490 粉、最火一条 39.9 万播放讲的是「你 vibe 出来的登录接口不安全的 5 个地方」)。他没有再做一个「代码知识图谱」,而是把同一类工具改写成给「不读代码的人」用的产品:大白话标签、从页面倒查、AI 刚改了哪里,再加上他内容里一直在讲的安全问题(Health check)。这个定位让 AI 资讯号和聚合号一看就懂、愿意转。他自己的短视频、0xMarioNawfal 一条 4 万浏览的推、几十个 AI 聚合站/IG 搬运号和 Trendshift 榜接力,10 天涨了约 3 千 star。

1. 增长曲线(github 库 repo_day)

日期star当日涨同期事件
10-270—建库,作者 IG 发「I'm open-sourcing Floorplan」
10-28~103+103Reveneau 报道「一天 103 star」(网页 2026-10-28)
10-29275+1720xMarioNawfal(@RoundtableSpace)发推,40.5K 浏览(X 网页)
10-30362+87作者第二条 IG reel;0.4.1 给导出的图加「Made with Floorplan」链接
10-31462+1000.6.0 上线 Health check;r/BestGitHubRepos 帖(当时 512 star)
11-01698+236聚合站、The Daily Commit、LinkedIn 帖
11-021,474+776(峰值)explainx.ai 称当天「GitHub trending」;进 Trendshift 日榜;CreativeAiNinja 推(约 1.1k star 时)
11-032,180+706@tunestechtips、GitTrend 等 IG 搬运号「评论 MAP 发你安装方法」
11-042,526+346
11-052,815+289
11-062,971+156回落

fork/star 约 7.7%,作者 profile 页显示 0.6.2 / 0.6.3 的修复来自「15 个用户报告」和多位外部贡献者,说明有人真装了。注意:我们库的 GitHub trending 只收满 60 天的库,所以它不在我们的 trending 表里(trending_days_any=0);Trendshift 页面显示它进过总榜和 JavaScript 日榜 Top 25(JS 榜名次 17/8/3/7/14,未逐日核对)。

2. 竞品:这个品类早就挤满了,而且对手大得多

名字形态上线规模(github 库,11-06)和 Floorplan 的不同
tt-a1i/archify开源 agent skill2026-04-1593,809 star,7 天 +2,421出精致图表(10 种类型、导出图片视频),用来讲解、做演示;不针对「看懂自己的 app」
Egonex-AI/Understand-Anything开源插件2026-03-1590,919 star,7 天 +2,039文件/函数/类级别的知识图谱,给开发者啃大代码库
colbymchenry/codegraph开源2026-01-1876,773 star给 agent 用的预索引代码图,省 token,不是给人看的
ahmedkhaleel2004/gitdiagram开源 + 网页2024-1218,760 star改 URL 出架构图,只看公开仓库,只读
Agents365-ai/drawio-skill开源 skill2026-0310,594 star出可编辑的 draw.io 图
Cocoon-AI/architecture-diagram-generator、oh-my-mermaid、CodeBoarding、swark开源2024–20261.7k–7.5k star静态架构图 / Mermaid
caru-ini/stack-diagram开源 skill2026-11-011,858 star(11-03 单日 +779)一句话描述技术栈出带 logo 的图;同一波「agent 画图」热潮
haplollc/Vesalius开源 + Mac/VS Code2026-10-2281 star本地代码图 + MCP,开发者向
DeepWiki / CodeSee 一类网页 / 商业早已有—自动文档 / 代码地图,面向工程团队

关键发现:它没有发明品类,同类开源项目有两个 9 万 star 级别的。Floorplan 在 README 里直接放了一张「Floorplan、Archify 还是 Understand Anything?」的对比表,借两个大项目的名字给自己定位:「它们给开发者 / 给讲解用,我给用 AI 做 app、但不读代码的人」。

3. 增长手段(证据)

  1. 作者自有短视频受众(确认):Instagram「Hayden Smith | Anti-Hype AI Educator」约 2.6 万粉(Jina 搜索摘要),10-27、10-30 各发一条开源 reel;TikTok @haydenschmitty 6,490 粉、累计 5.4 万赞(TikHub),内容全是「给 vibecoder 讲技术概念」,最火的两条是登录接口安全(39.9 万播放)和 UI 模式(18.3 万播放)。受众正好就是 Floorplan 的目标用户。
  2. X 大号转发(确认):0xMarioNawfal(@RoundtableSpace)10-29 发推,基本照搬 README 开头 + 安装命令,40.5K 浏览;CreativeAiNinja 11-02 前后跟进。x-radar 本地语料里没搜到(语料没覆盖)。
  3. AI 聚合站 / 内容农场长尾(确认):10-27 至 11-05 有 20 多篇:Reveneau、KODiQ(多语种)、Chen Media、explainx.ai、Coderefer、AI Frontier Post、ReviewRamble(英/日)、HDATF(英/韩)、Early Signal、The Daily Commit、rafiqueAI(葡语)、中文站 xdnf.cn,还有 skillsllm、claudepluginhub、claudemap、agentskillshub、DeepWiki 收录(Exa / Brave 搜索)。
  4. IG/FB 搬运号「评论关键词领链接」(确认):@tunestechtips(11-03,「Comment MAP」)、GitTrend(「Comment LINK」)、Facebook githunt 视频。11-02、11-03 两天合计涨约 1,480 star,和这些搬运时间吻合。
  5. Reddit(确认):r/BestGitHubRepos 帖(当时 512 star);被提交到 awesome-claude-code(issue #3387)。
  6. 榜单(确认):Trendshift 日榜;explainx 称 11-02 上了 GitHub trending(和我们库「只收满 60 天」的规律对不上,未核实)。
  7. 产品内置传播(确认):0.4.1 起导出的图带「Made with Floorplan」链接;0.4.3 提交 Claude 官方插件目录(审核中)。
  8. 没发现:Hacker News(hackernews 库无记录)、Product Hunt(producthunt 库无记录)、付费广告。

4. 为什么跑出来

  • 痛点说得极具体:「你用 AI 做的 app 能跑,但问你『用户结账时发生了什么』,老实回答是不知道。」这句被 0xMarioNawfal 和多家聚合站原样照搬,是现成的转发文案。
  • 用户定位换了:同类工具都给开发者用,它给不读代码的 vibecoder 用:大白话标签(「结账时收银行卡」而不是「Stripe API wrapper」)、从一个页面倒查、AI 刚改过的卡片变绿。这一群人 2026 年数量最多,也是作者自己的粉丝。
  • Health check 戳中安全焦虑:10-31 上线,专抓 Supabase 表公开可读、Firebase 规则没关、Stripe webhook 能伪造、密钥发到了浏览器,每条附可直接粘贴的修复提示。作者最火的视频讲的就是 vibe 出来的接口不安全;上线后第二天单日涨星从 100 涨到 236,再到 776。
  • 门槛几乎为零:两行命令装好,用你现有的 Claude / ChatGPT 套餐,不要 API key、零依赖;有不用安装的在线 demo(Brewline 咖啡订阅 app,手机上也能看),还有 YouTube 演示视频。
  • 持续发版、公开致谢:10 天发了 0.3 到 0.6.3 好几版,每版写清修了哪些用户报的问题、感谢谁,聚合站乐意写「更新很勤」。
  • 借大项目定位:README 对比表蹭了 Archify 和 Understand-Anything(两个各 9 万 star)的搜索和认知。

5. 差异化,以及它是不是原因

差异化:同一个能力(agent 读代码出图)换给另一群人用,加上两个只有它有的功能:Health check(针对 AI 写的应用的安全检查)、Recent work(你的 AI 刚改了哪些部分、为什么改)。技术上,脚本做确定性的解析(十几种语言、十几个框架的接口匹配,能跨仓库把前端请求连到后端接口),模型只负责命名和讲解,这一点比「模型凭记忆画」靠谱,有用户写过对比文章(Worklore:「我的 agent 凭记忆画的用户流程错了两个,Floorplan 追出来的是对的」)。 是不是原因:是,但只占一半。差异化决定了文案好讲、聚合号愿意转;另一半是作者自己的受众和分发能力。同类里功能更强的项目很多,没有一个打「给非技术用户」的。

6. 能被看见多少

小圈子里在传:AI 资讯聚合站、IG 搬运号和一个 X 大号转过;没上 HN、PH,没有主流科技媒体报道。开源免费,没有收入可公开;作者简介写着「DM 合作 / 接咨询和项目」,钱大概走个人品牌 → 咨询这条路(推测)。

7. 跟风者

没发现明显的抄袭项目(github 库里 10-20 后新建、描述相近的只有 haplollc/Vesalius,81 star,而且比它早建)。大量的是搬运号和聚合站,不是复刻。

8. 别人能借鉴的

  • 拿一个已被验证的开源品类(这里是代码图谱,头部 9 万 star),换一群用户、换一套语言,再加一个那群人最焦虑的功能(安全检查)。
  • 先有垂直受众再发开源;README 第一段写成能直接转发的推文;给一条两行的安装命令 + 免安装 demo + 视频。
  • 在 README 里主动和最大的竞品比,借它们的名气给自己定位。
  • 导出物带「Made with」回链;提交官方插件目录、awesome 列表。

9. 还不确定的

  • 留存:涨星已从 776 回落到 156/天,装了之后会不会每天用,看不到。
  • 11-02 峰值具体是哪个渠道带的(IG 搬运号、Trendshift 还是 GitHub trending),没法归因到单一来源。
  • IG 粉丝数取自搜索摘要,日期不明;作者 reel 的播放量没取到。
  • 是否进了 Claude 官方插件目录:还在审核。

出处

文章由 AI 根据公开数据和我们每天采集的数据写成,数字带出处,推断已标明