什么值得做
caru-ini/stack-diagram · caru-ini

stack-diagram:一个日本大学生的一张架构图,5 天 1858 颗 star

它是什么 一个给 Claude Code、Codex、Cursor 用的开源 skill:一句话说出技术栈,画出带官方 logo、亮暗两版的架构图。

为什么火了 首发推的配图是一排开发者都认得的 Next.js、Vercel、Stripe 官方 logo,不用解释就会被转;上了 Trendshift 日榜后,AI 资讯站和中西英韩的搬运号、西语大 V MoureDev 接力出了第二波。

B你可以怎么跟 别做第二个 stack-diagram;在「AI 一句话出图」里换一个窄场景(ER 图、数据流图、用户旅程图),用真实品牌素材把成品图做到能直接放进 README,母语 X 首发三行字一张图,冲 Trendshift 日榜。

B 级:打法清楚、门槛低,一个没名气的学生都做成了;但画图 skill 赛道已有几万 star 的大号,热度一周就减半,star 几乎不转成使用,大号随时能补上这个口子。 小圈子里在传
数据(每天更新) · 建库 2026-11-01 · 2,052 星
GitHub · 星数
01k2k11-0211-0411-0511-0611-082.1k
数据 2026-11-02 → 2026-11-08(7 天,7 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有

2026 年 11 月 1 日,一个日本开发者建了一个库,51 分钟后在 X 上发了一条只有三行字、配一张图的推,这条推被看了 24 万次。库是一个给 Claude Code、Codex、Cursor 用的 agent skill:一句话说出你的技术栈,它画出一张带官方 logo、亮暗两版的架构图。5 天 1858 颗 star。但同一个赛道里早就有 9 万颗 star 的大号,它的热度也在逐日减半。它值得学的不是功能,是那张图。

一张图、三行字

建库时间是 11 月 1 日 05:35(UTC),推文发在 06:26,日本时间下午三点半。作者かる(@caru_ini)在 X 简介里写的是「INIAD 8th 28卒」,东洋大学情报连携学部第 8 届、2028 年毕业,也就是一个在读的大学生(推断,按简介)。他之前的两个库,一个 Discord 机器人模板 79 颗 star,一个 ComfyUI 部署脚本 53 颗;平时发推只有个位数的赞。

那条推的全文:

構成図をAIにいい感じに描いてもらうSkill作りました!ロゴも全部公式のやつ ダーク/ライト対応です👍

(「做了个让 AI 把架构图画得漂漂亮亮的 Skill!logo 全是官方的,支持暗色/亮色。」)配图就是 README 首屏那张:一个用户经 HTTPS 访问部署在 Vercel 上的 Next.js,Next.js 调同一个部署里的 Hono API,Hono 查 Neon 的 Postgres、找 Clerk 要登录态、找 Stripe 收钱,GitHub Actions 负责部署。每个方块里是那家公司自己的 logo,原色、不重画。图下面只有一句 prompt:

Diagram our stack: Next.js and a Hono API on Vercel. Postgres on Neon, auth with Clerk, payments with Stripe. GitHub Actions deploys.

到 11 月 6 日,这条推 3635 赞、259 转、约 24 万浏览。

它是什么

一个开源(MIT)的 agent skill,npx skills add caru-ini/stack-diagram 一行装好。你用一句话描述技术栈,agent 去 svgl、devicon、gilbarbara/logos 依次找官方 logo;AWS、Google Cloud、Azure 用各家自己发布的图标包。输出默认是一个单文件 HTML,字体和 logo 都内联,断网也能打开;也能导出 PNG、无依赖的 React 组件,或者直接发成 Claude Artifact。

README 里写得最用心的是三个细节:连线绕开文字,不会有箭头穿过标签;agent 交图之前自己渲染一遍检查;每张图都出亮暗两版,方块底色保持白色,让 logo 保留原色。

为什么是它

点子不新。用 AI 画架构图的 skill 早就有,而且都很大:

项目上线star(11-06)和它的区别
tt-a1i/archify2026-049.38 万,官网称 13 万次以上安装什么都能画,交互式 HTML;不专门做官方 logo 的技术栈图
cathrynlavery/diagram-design2026-046.53 万编辑风、45 种图,刻意不用 logo
mingrammer/diagrams20204.28 万也有云厂商官方图标,但要自己写 Python
gitdiagram2024-121.88 万从仓库代码生成,不是一句话描述
Agents365-ai/drawio-skill2026-031.06 万出可编辑的 draw.io,偏工程
Cocoon-AI/architecture-diagram-generator2025-127500暗色 HTML/SVG,没有真实 logo
coleam00/excalidraw-diagram-skill2026-035200手绘风

stack-diagram 在这张表里是小号。它跑出来,靠的是一件事:截图好看,而且一眼认得出来。 Next.js、Vercel、Neon、Clerk、Stripe 这一排 logo,每个刷 X 的开发者都认得,配在一起就像一张正经的云架构图。别家要么是抽象方块,要么是手绘风,要么得写代码;只有它是「一句话 + 真品牌 logo」。在时间线上,这张图不用解释就能被转。

另外两个助攻:agent skill 正在热,一行命令跨 Claude Code、Codex、Cursor 都能用;场景很具体,写 README、写方案、做 PPT 时要放的那张图,看到的人马上想到自己能用在哪。

用户从哪来

日期当天涨星那天发生了什么
11-01—05:35 建库,06:26 首发推;作者当天又发了几条回复跟进
11-02到 03:30(UTC)约 486 颗上了 Trendshift 全站日榜第 4(reveneau.com 当天报道);作者发「star 涨得飞快」,并上线分享画廊 stacks.caru.moe;十几家 AI 写稿的资讯站和 skill 目录站跟进
11-03+779西语区头部开发者博主 MoureDev 11-02 15:08(UTC)发「Mira este repo」,877 赞、约 4 万浏览;中文的 GitTrend0x、Ryrenz,英文的 0xbobaaa(「ONE SENTENCE IN. ARCHITECTURE DIAGRAM OUT」)同期转;作者发「2 天破 1.2k⭐」
11-04+413Instagram 上有科技号发 Reel,用「评论 DIAGRAM 我私信你安装方法」引流(对 star 贡献多少未核实)
11-05+249日文 note、韩文 Threads、中文教程站陆续出实测
11-06+123GitHub_Daily 等中文号还在搬

几个值得记下的点:没上 Hacker News,Reddit 也没搜到,GitHub 官方 trending 一次没上——全部在 X 上发生。起点是作者自己的一条母语推;Trendshift 日榜第 4 让自动扫榜的 AI 资讯站和各语种「GitHub 好物」号接力,第二波最大的那次来自一个西语 KOL,跟作者没有任何关系。作者也接得住:头三天发了 v0.1.0 到 v0.4.0,第二天就把分享画廊做出来,给第二波转发提供了新东西。

现在怎么样了

日增 +779、+413、+249、+123,每天差不多减半;最后一次提交是 11-03。star 和实际使用之间差得很远:skills.sh 上显示累计安装 1.1K 次,作者自己做的公开画廊到 11-06 一共 5 张图。87 个 fork 里有一个 Chulinuwu/stack-diagram 加了点击节点看详情、自动跟随系统主题,还没看到独立的仿制品。

换句话说,人们 star 的是那张图,不是用这个工具。这对「想拿 star」的人恰恰是好消息:star 是被截图拿到的,不是被功能拿到的。

如果是你

B。 别去做第二个 stack-diagram,也别去做一个更全的画图 skill——那边有 9 万颗 star 的 archify 在。值得照着来的是它的打法:在「AI 一句话出图」里挑一个窄口子,用大家一眼认得的真实素材把成品图做得能直接放进 README,发一条只有图和一句 prompt 的推。门槛低,一个没名气的学生都做成了;短板是热度只有一周左右,大号随时可能加一个「官方 logo 模式」把口子补上。

适合谁:会写 agent skill、对排版和视觉有洁癖的前端开发者;有一个自己天天用、能画成一张漂亮图的场景;母语不是英语反而是优势,日语、韩语、西语、中文都有现成的搬运号会接力。

不适合谁:想做一个大而全的画图工具和 archify、diagram-design 正面拼的;成品图不够好看、需要配一段话解释的;指望靠 star 换来真实用户和长期维护动力的(这一类 star 转使用的比例很低,1858 颗 star 对 5 张画廊图)。

怎么做:换场景,不换打法。候选:带真实数据库和 ORM logo 的 ER 图、带真实 SaaS logo 的数据流 / 集成图(Segment、Zapier 那种)、带官方 App 图标的用户旅程图、带公司 logo 的组织或投资关系图、时序图。三件事一定要做:用真实品牌素材、不改色;交付前 agent 自己渲染检查,连线不压字;亮暗两版。README 首屏就是一张成品图加生成它的那句 prompt,不讲架构。

怎么获客:在自己的母语 X 账号首发,三行字一张图,建库当天就发;冲 Trendshift 日榜,前几名会被 AI 资讯站和各语种搬运号自动接走;第二天就补一个新东西(画廊、新格式、新云厂商),给第二波 KOL 一个转的理由。HN 不用指望。

死线:agent skill 还在热的这几个月。等 skill 目录站被同类塞满、archify 这样的大号把各种细分模式都收进去,一张好看的图就不够了。

算看错:① 接下来一个月里冒出的同类「一句话出某种图」skill,配了好看的成品图,也没有一个在一周内过 1000 颗 star——说明 stack-diagram 是赶上了一次性的出圈;② archify 或 diagram-design 加了官方 logo 的技术栈模式,stack-diagram 的日增归零;③ 反过来,如果有人用同样的打法做别的图又拿到上千颗 star,这条路就是真的,要抓紧。

数据与出处

  • GitHub:caru-ini/stack-diagram 的 README、Releases;逐日 star 与 fork(11-02 到 11-06 每天记录,11-02 那天的记录是当天较早的快照)。
  • X:@caru_ini 2026-11-01 首发推及之后几条(赞数、浏览数为 11-06 读取);@MoureDev 11-02、@0xbobaaa、@Ryrenz、@GitTrend0x、@GitHub_Daily 的帖子。作者身份来自其 X 简介。
  • Trendshift(trendshift.io/repositories/331355);reveneau.com 11-02 的报道(486 star、日榜第 4);mindpattern.ai 等资讯站。
  • skills.sh 安装数、stacks.caru.moe 画廊图数:11-06 读取。
  • 竞品 star 数:GitHub,11-06。
  • Instagram:@tunestechtips 11-04 的 Reel。

GitHub 仓库 ↗

研究底稿:竞品表、获客证据、完整研究报告
竞品
名字在哪上线规模它和这家不同在哪
tt-a1i/archify开源2026-04-1593.8K star,宣称 130K+ 安装什么都能画、交互式 HTML;不专门做官方 logo 技术栈图
cathrynlavery/diagram-design开源2026-04-1665.3K star编辑风、45 种图,不用 logo
Agents365-ai/drawio-skill开源2026-03-0310.6K star输出可编辑 draw.io,偏工程、能读 IaC 和代码
Cocoon-AI/architecture-diagram-generator开源2025-12-227.5K star暗色风格 HTML/SVG,没有真实官方 logo
coleam00/excalidraw-diagram-skill开源2026-03-015.2K star手绘 Excalidraw 风
mingrammer/diagrams开源2020-0242.8K star同样有云厂商官方图标,但要自己写 Python 代码
patrickchugh/terravision开源2022-031.7K star从 Terraform 生成带官方云图标的图,要先有 IaC
gitdiagram网页2024-1218.8K star从仓库代码生成,不是一句话描述技术栈
draw.io/Figma 的技术栈 logo 模板其他早就有很大手工找 logo、拖拽对齐
用户从哪来
  • 查实 作者 X 首发推(日语+成品图):@caru_ini 2026-11-01 ❤3635 🔁259 👁239,559(x-radar)
  • 查实 Trendshift 日榜:11-02 日榜第 4(reveneau.com),Ryrenz 推文也提到
  • 查实 多语言 KOL 转发:MoureDev ❤877 👁4 万(西语),GitTrend0x、Ryrenz、fishjar、GitHub_Daily(中文),0xbobaaa(英文),Threads 韩文
  • 查实 AI 自动聚合站和 skill 目录站:mindpattern、reveneau、earlysignal、theagenticweekly、lockergnome、skillsllm、agentskillshub 等十几家,11-01 到 11-04
  • 查实 作者趁热迭代:3 天发了 v0.1–v0.4,11-02 上线分享画廊 stacks.caru.moe 并发推
  • 查实 Instagram 引流 Reel:@tunestechtips 11-04 发「Comment DIAGRAM」评论诱导
  • 推断 HN / Reddit:hackernews 库里没有,Reddit 没搜到

caru-ini/stack-diagram 研究报告

一个 agent skill(Claude Code / Codex / Cursor):用一句话描述技术栈,产出一张带官方 logo、亮暗双主题的架构图(单文件 HTML / PNG / React 组件 / Artifact)。 研究日期 2026-11-06。

一句话结论

日本独立开发者かる(@caru_ini)自己发了一条日语推,配一张很好看的成品图,拿到 3635 赞、24 万浏览,建库 1 天就有 486 star、上了 Trendshift 日榜第 4;接着 AI 聚合站、中文和韩文搬运号、西语大 V MoureDev(877 赞)又带了第二波(11-03 当天 +779)。用户愿意 star 是因为成品图「一看就想要」:官方 logo、连线不压字、亮暗双版。但这个品类早就有 9 万 star 级的大号,它只占了「技术栈 + 官方 logo」这一个窄口子。热度已经在明显回落,实际使用量不大(skills.sh 装了 1.1K 次,公开画廊只有 5 张图)。

数据

  • GitHub(我们的 github 库 repo_day):11-02 294 → 11-03 1073 → 11-04 1486 → 11-05 1735 → 11-06 1858 star;日增 +779 / +413 / +249 / +123,逐日减半。forks 87。建库时间 2026-11-01 05:35 UTC。
  • 外部报道说 11-02 已有 486 star(reveneau.com 引 GitHub API,发于 11-02 03:30Z),同一天 Trendshift 日榜第 4;mindpattern.ai 11-02 写的是「一天 795 star」。我们库里 11-02 的 294 应该是当天较早拍的快照。
  • 没上 github.com/trending(我们的 trending 表里查不到,0 行)。主要靠 X 和 Trendshift。
  • skills.sh 显示安装 1.1K 次(2026-11-06 读取);公开画廊 stacks.caru.moe 总共 5 张图(「All 5」)。
  • 作者另外两个库:discord-bot-template 79 star、modal-comfyui 53 star。之前没什么名气。

用户从哪来(增长手段)

  1. 作者本人的首发推(主引擎,已确认):@caru_ini 2026-11-01 发日语推「構成図をAIにいい感じに描いてもらうSkill作りました!ロゴも全部公式のやつ ダーク/ライト対応です👍」,配成品图,❤3635 🔁259 👁239,559(x-radar 实时搜索,2026-11-06)。作者平时的推只有个位数赞,这一条属于出圈。
  2. 作者趁热追加(已确认):11-02 发「star 涨得飞快」(❤33);11-02 上线分享站 stacks.caru.moe,引用首发推(❤35);11-03 发「2 天破 1.2k⭐」。版本发得也密:v0.1.0 到 v0.4.0 都在头三天。
  3. Trendshift 日榜(已确认):11-02 日榜第 4(reveneau.com),Ryrenz 的推里也说「已经冲上 Trendshift 日榜」。
  4. 跨语言 KOL 二次传播(已确认):
    • 西语:@MoureDev(Brais Moure,西语区头部开发者博主)11-02 发,❤877 🔁94 👁39,959,和 11-03 的 +779 峰值时间对得上(x-radar)。
    • 中文:@GitTrend0x 合集(❤56)、@Ryrenz(❤42)、@fishjar、@GitHub_Daily(11-06),还有 nav.useaiwriter.com 的中文教程。
    • 英文:@0xbobaaa「ONE SENTENCE IN. ARCHITECTURE DIAGRAM OUT」(❤53);Threads、LinkedIn 上也有零散转发。
    • 韩文:Threads @buildnwrite;GitHub 上的 roomedia/ax-trend 收录了。
    • 日文:note.com シンタロウ 11-02 写了实测(https://note.com/s_kashiwakura/n/n875820bfae7f),kt-tech.blog 有使用记。
  5. AI 自动聚合站(已确认,作用是放大而不是起点):11-01 到 11-04 之间有十几家 AI 写稿的聚合站跟进:mindpattern、reveneau、earlysignal、theagenticweekly、futurpulse、lockergnome、kodiq、aiforpro、thedailycommit 等,还有 skillsllm、agentskillshub、skillsmp、qai 这类 skill 目录站。
  6. Instagram 引流号(已确认):@tunestechtips 11-04 发 Reel,用「Comment DIAGRAM and I'll send you the install」做评论诱导;另有一条 Reel(DfVDVu4mfSf)。这是达人借它涨自己的粉,对 star 贡献多少未核实。
  7. HN:hackernews 库里没有这个项目的帖子。Reddit:没搜到。

竞品

名称在哪上线规模和它的区别
tt-a1i/archify开源 agent skill2026-04-1593.8K star,还在每天涨 300-400;官网称 130K+ 安装什么都能画(想法、计划、代码库),交互式 HTML,有社区画廊;不专门做官方 logo 的技术栈图
cathrynlavery/diagram-design开源 skill2026-04-1665.3K star编辑风、45 种图,刻意不用 logo、不要阴影
Agents365-ai/drawio-skill开源 skill2026-03-0310.6K star输出可编辑的 draw.io;能读 Terraform、K8s 等;偏工程,要做图和代码同步
Cocoon-AI/architecture-diagram-generatorClaude skill2025-12-227.5K star暗色风格的 HTML/SVG 架构图,没有真实官方 logo
coleam00/excalidraw-diagram-skill开源 skill2026-03-015.2K star手绘风 Excalidraw
oh-my-mermaid开源2026-03-223.4K star从代码库生成 Mermaid 架构图
mingrammer/diagrams开源库202042.8K star用 Python 写图(diagram as code),也带云厂商官方图标,但要自己写代码,不是一句话出图
patrickchugh/terravision开源20221.7K star用 Terraform 生成带 AWS/Azure/GCP 官方图标的图
gitdiagram网页2024-1218.8K star从 GitHub 仓库生成交互式架构图
draw.io / Excalidraw / Figma 的 tech-stack logo 模板网页工具早就有很大手工拖拽,找 logo、对齐都要自己做

结论:这个赛道很挤,几个头部(archify、diagram-design)都是几万 star。stack-diagram 在这里面是小号。

差异化

  • 「官方 logo,不改色不重画」:从 svgl → devicon → gilbarbara/logos 依次取,AWS、GCP、Azure 用各家自己的图标包。同类 skill 多半是抽象方块或手绘风,很少有能直接放进 README 或 PPT 的「真品牌」效果。terravision 和 mingrammer/diagrams 也有官方图标,但门槛是写代码或 Terraform。
  • 输入极简:一句话描述技术栈就行,不用先读代码库。场景很明确,就是写 README、方案或 PPT 时要放的那张图。
  • 出图质量的细节:连线绕开文字;agent 交付前自己渲染一遍检查;亮暗双版;单 HTML 文件内联字体和 logo,断网也能打开。
  • 分享和画廊:可以发布到 stacks.caru.moe,发之前要用户连续确认两次,不上传 prompt。这个隐私设计还被 lockergnome 专门写成一个卖点。

差异化是不是它跑出来的原因?是,但起作用的是「截图好看」这一层。首发推之所以出圈,是因为配图里那排熟悉的 Next.js、Vercel、Neon、Clerk、Stripe 官方 logo 一眼就能认出来,看着像专业的云架构图。这个视觉效果天然适合在 X 上传播。功能上它和 archify 这类重叠很多,用户最后会不会留下来,还要看「官方 logo」这一点够不够刚需。

可见度

小圈子里在传:X 上作者首发 24 万浏览,MoureDev 带的二波约 4 万浏览;十几家 AI 聚合站写过。但没有 HN、没有主流科技媒体,也没上 GitHub Trending。不涉及收入。

跟风

已经有人改它:Chulinuwu/stack-diagram 是 fork,加了点击节点看详情、自动跟随亮暗主题。目前还没看到独立的仿制品。

能借鉴的

  1. 一张成品图就是全部营销:README 首屏放 hero 图和对应的那句 prompt,推文只写三行字加一张图。
  2. 选「视觉上一眼可识别」的切口:官方 logo 是所有开发者都认得的视觉资产,截图自带传播力。
  3. 用母语首发、靠多语言搬运号扩散:日语推起量,中文、西语、韩文的「GitHub 好物」号会自动跟进;再加上 AI 聚合站会扫 Trendshift 日榜,就形成了放大链。
  4. 趁热每天发版、补分享站和画廊,给第二波传播提供新素材。
  5. 可以复制到别的「一句话出图」场景:时序图、数据流图、组织架构图、PPT 配图等,只要能做到「真实素材 + 自动检查排版」。

还不确定的

  • 推文时间的时区:x-radar 显示 14:26,首发推和建库之间隔了多久不确定。
  • 每个渠道各贡献了多少 star 拆不开;Instagram Reel 的影响没核实。
  • 长期留存:skills.sh 装了 1.1K 次、画廊只有 5 张图,说明从「看了 star」到「真的用」转化很低;日增已经从 779 降到 123,第二波过后可能就沉下去了。
  • 有没有被 archify 这类大号吸收进去(加入官方 logo 模式),未知。

出处

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