Stringers
caru-ini/stack-diagram · caru-ini

stack-diagram: a Japanese university student's architecture-diagram tool, 5 days, 1858 stars

What it is An open-source skill for Claude Code, Codex, and Cursor: state your stack in one sentence and get an architecture diagram with official logos, in light and dark versions.

Why it took off The launch tweet's image was a row of official Next.js, Vercel, and Stripe logos that developers recognize instantly, so it got reposted without explanation. After it hit Trendshift's daily chart, AI news sites, repost accounts in Chinese, Western, English, and Korean, and the Spanish-language influencer MoureDev carried it into a second wave.

BHow you could approach it Don't build a second stack-diagram. Pick a narrow scenario within "AI draws a diagram from one sentence" (ER diagrams, data-flow diagrams, user-journey maps), use real brand assets so the finished image can go straight into a README, launch on X in your native language with a three-line caption and one image, and aim for Trendshift's daily chart.

Grade B: the playbook is clear and the barrier is low, since an unknown student pulled it off. But the diagram-skill space already has large accounts with tens of thousands of stars, the heat halves within a week, stars rarely turn into actual use, and a big account could fill this gap at any time. Circulating in small circles
Data (updated daily) · repo created 2026-11-01 · 2,052 stars
GitHub · stars
01k2k11-0211-0411-0511-0611-082.1k
Data 2026-11-02 → 2026-11-08 (7 days, 7 observations). Points before 10-28 come from deeply / archive backfill, not every day has one

On Nov 1, 2026, a Japanese developer published a library, and 51 minutes later posted a three-line tweet with one image on X that got 240k views. The library is an agent skill for Claude Code, Codex and Cursor: name your tech stack in one sentence and it draws an architecture diagram with official logos, in both light and dark versions. 5 days, 1858 stars. But a bigger project in the same niche already had 90k stars, and its buzz is halving day by day. What's worth learning isn't the feature, it's that picture.

One image, three lines

The repo was created on Nov 1 05:35 (UTC), and the tweet was posted on 06:26, 3:30 PM Japan time. The author かる (@caru_ini) lists "INIAD 8th 28 graduate" in his X bio, which points to the 8th cohort of Toyo University's Faculty of Information Networking for Innovation and Design, graduating in 2028. In other words, a current undergraduate (inferred from the bio). His two earlier repos were a Discord bot template with 79 stars and a ComfyUI deployment script with 53 stars, and his regular tweets got only single-digit likes.

The full text of that tweet:

Built a Skill that gets AI to draw architecture diagrams nicely! Uses the official logos for everything. Supports dark and light mode 👍

("Made a Skill that gets AI to draw nice architecture diagrams! All logos are official ones. Supports dark/light.") The image is the one on the README's first screen: a user reaches a Next.js app deployed on Vercel over HTTPS; Next.js calls a Hono API in the same deployment; Hono queries Neon's Postgres, asks Clerk for the login state, and uses Stripe to take payment; GitHub Actions handles deployment. Each box holds that company's own logo in its original colors, not redrawn. Beneath the image is just one line of prompt:

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

As of Nov 6, the tweet had 3635 likes, 259 reposts, and about 240k views.

What it is

An open-source (MIT) agent skill, installed in one line with npx skills add caru-ini/stack-diagram. You describe the stack in one sentence, and the agent looks up logos in order from svgl, devicon, and gilbarbara/logos; AWS, Google Cloud, and Azure use the icon packs each vendor publishes. The default output is a single HTML file with fonts and logos inlined, so it opens offline. It can also export PNG, a dependency-free React component, or a Claude Artifact directly.

The three most carefully designed details in the README: connectors route around labels, so no arrow runs through text; the agent renders the diagram and checks it before handing it over; and every diagram comes in light and dark versions, with box backgrounds kept white so the logos keep their original colors.

Why this one

The idea is not new. Skills that draw architecture diagrams with AI already exist, and they are big:

ProjectLaunchedstar(11-06)How it differs
tt-a1i/archify2026-0493.8k, official site claims 130k+ installsDraws anything, interactive HTML; does not specialize in official-logo stack diagrams
cathrynlavery/diagram-design2026-0465.3kEditorial style, 45 diagram types, deliberately avoids logos
mingrammer/diagrams202042.8kHas official cloud-vendor icons, but you write Python yourself
gitdiagram2024-1218.8kGenerates from repo code, not a one-sentence description
Agents365-ai/drawio-skill2026-0310.6kOutputs editable draw.io, more engineering-oriented
Cocoon-AI/architecture-diagram-generator2025-127500Dark-mode HTML/SVG, no real logos
coleam00/excalidraw-diagram-skill2026-035200Hand-drawn style

In this table stack-diagram is the small one. It runs on one thing: the screenshot looks good and is recognized at a glance. The row of Next.js, Vercel, Neon, Clerk, and Stripe logos is something every developer scrolling X recognizes, and together they look like a proper cloud architecture diagram. Rivals either use abstract boxes, a hand-drawn look, or require writing code. This is the only one that is "one sentence + real brand logos". On a timeline, the image gets reposted without needing an explanation.

Two more tailwinds: the agent skill trend is hot, and one command works across Claude Code, Codex, and Cursor. The use case is concrete. It's the diagram you put in a README, a proposal, or a slide deck, and anyone who sees it can immediately picture where they'd use it.

Where users come from

DateStars gained that dayWhat happened that day
11-01—05:35 repo created, 06:26 launch tweet; the author followed up with several replies that same day
11-02by 03:30 (UTC) about 486 starsHit #4 on Trendshift's site-wide daily chart (reported by reveneau.com that day). The author posted "stars are climbing fast" and launched the sharing gallery stacks.caru.moe. A dozen-plus AI-written news sites and skill directories followed.
11-03+779Spanish-language developer influencer MoureDev posted "Mira este repo" at 11-02 15:08 (UTC), with 877 likes and about 40k views. Chinese accounts GitTrend0x and Ryrenz, and English account 0xbobaaa ("ONE SENTENCE IN. ARCHITECTURE DIAGRAM OUT") reposted it in the same window. The author posted "2 days to 1.2k⭐".
11-04+413Tech accounts on Instagram posted Reels with a "comment DIAGRAM and I'll DM you the install steps" hook (how much this contributed to stars is unverified).
11-05+249Japanese note posts, Korean Threads posts, and Chinese tutorial sites followed with hands-on tests.
11-06+123Chinese accounts like GitHub_Daily are still reposting it.

A few things worth noting: it wasn't on Hacker News, Reddit showed nothing, and it never made GitHub's official trending page. All of it happened on X. It started with the author's own native-language post. Trendshift's #4 daily ranking let AI news sites and multilingual "cool GitHub finds" accounts pick it up. The biggest second wave came from a Spanish-language KOL with no connection to the author. The author kept up: v0.1.0 through v0.4.0 in the first three days, and the sharing gallery was up by day two, giving the second-wave reposts something new to share.

Where it stands now

Daily gains of +779, +413, +249, +123, roughly halving each day. Last commit on 11-03. The gap between stars and actual use is large: skills.sh shows 1.1K cumulative installs, while the author's public gallery has 11-06 images total as of 5. Of 87 forks, one, Chulinuwu/stack-diagram, added click-to-inspect nodes and automatic system-theme following. No standalone clone has appeared yet.

In other words, people starred the image, not the tool. That's good news for anyone trying to earn stars: stars came from the screenshot, not the feature.

If it were you

Grade B. Don't build a second stack-diagram, and don't build a more comprehensive diagramming skill. archify already has 90k stars. What's worth copying is its approach: pick a narrow slot in "AI draws a diagram from one sentence," use real assets everyone recognizes to make a finished image you can drop straight into a README, and post a tweet with just the image and one line of prompt. The bar is low; a student with no name recognition pulled it off. The weakness is that the heat lasts about a week, and a big account could add an "official logo mode" and fill the gap at any time.

Who it fits: front-end developers who write agent skills and care a lot about layout and visual polish; people with a scenario they use daily that can become a good-looking diagram; non-English speakers actually have an edge, since Japanese, Korean, Spanish, and Chinese repost accounts will pick it up.

Who it doesn't fit: anyone aiming to build an all-purpose diagramming tool that competes head-on with archify or diagram-design; anyone whose output isn't good-looking enough and needs a paragraph of explanation; anyone counting on stars to bring real users and long-term maintenance motivation. That group converts stars to use at a very low rate: 1858 stars for 5 gallery images.

How to build it: change the scenario, not the approach. Candidates: ER diagrams with real database and ORM logos; data-flow or integration diagrams with real SaaS logos (like Segment or Zapier); user-journey diagrams with official app icons; organization or investment-relationship charts with company logos; sequence diagrams. Three things are non-negotiable: use real brand assets and don't recolor them; have the agent render and check the output before delivery so no connector runs through text; ship both light and dark versions. The README's first screen should show a finished image plus the prompt that generated it, with no architecture talk.

How to get users: launch on your native-language X account with a three-line caption and one image, posting the day the repo is created. Aim for Trendshift's daily top spots, since the top few get picked up automatically by AI news sites and multilingual repost accounts. Ship something new the next day (a gallery, a new format, a new cloud provider) to give second-wave KOLs a reason to repost. Don't count on Hacker News.

Deadline: the next few months, while agent skills are still hot. Once skill directories are crowded with similar tools and big accounts like archify have absorbed every niche mode, a good-looking image alone won't be enough.

Ways this call could be wrong: (1) similar "one-sentence diagram" skills that appear in the next month, with good-looking sample images, fail to reach 1000 stars in a week, which would mean stack-diagram rode a one-time spike; (2) archify or diagram-design adds an official-logo tech-stack mode and stack-diagram's daily gains drop to zero; (3) the reverse: if someone uses the same approach on a different diagram and gets thousands of stars, the path is real, and you should move fast.

Data and sources

  • GitHub: caru-ini/stack-diagram README and Releases; daily stars and forks (recorded from 11-02 to 11-06; the record for 11-02 is an earlier snapshot from that day).
  • X: @caru_ini's launch tweet 2026-11-01 and the following posts (like and view counts read via 11-06); posts from @MoureDev 11-02, @0xbobaaa, @Ryrenz, @GitTrend0x, and @GitHub_Daily. Author identity from their X bio.
  • Trendshift (trendshift.io/repositories/331355); reveneau.com coverage 11-02 (486 stars, daily rank #4); news sites such as mindpattern.ai.
  • skills.sh install count and stacks.caru.moe gallery count: read 11-06.
  • Competitor star counts: GitHub, 11-06.
  • Instagram: Reel from @tunestechtips 11-04.

GitHub repo ↗

Research notes: competitor table, acquisition evidence, full research report
Competitors
NameWhereLaunchedScaleHow it differs from this one
tt-a1i/archifyOpen source2026-04-1593.8K stars, claims 130K+ installsDraws anything; interactive HTML; no dedicated official-logo tech-stack mode
cathrynlavery/diagram-designOpen source2026-04-1665.3K starEditorial style, 45 diagram types, no logos
Agents365-ai/drawio-skillOpen source2026-03-0310.6K starOutputs editable draw.io; engineering-focused, reads IaC and code
Cocoon-AI/architecture-diagram-generatorOpen source2025-12-227.5K starDark-style HTML/SVG, no real official logos
coleam00/excalidraw-diagram-skillOpen source2026-03-015.2K starHand-drawn Excalidraw style
mingrammer/diagramsOpen source2020-0242.8K starAlso has official cloud-provider icons, but requires writing Python code
patrickchugh/terravisionOpen source2022-031.7K starGenerates diagrams with official cloud icons from Terraform; requires IaC first
gitdiagramWeb2024-1218.8K starGenerated from repository code, not from a one-sentence description of the stack
draw.io/Figma tech-stack logo templatesOtherAlready aroundVery largeFind logos manually, drag and align by hand
Where users come from
  • Verified Author's X launch tweet (Japanese + finished image): @caru_ini 2026-11-01 ❤3635 🔁259 👁239,559 (x-radar)
  • Verified Trendshift daily chart: #11-02 on the daily chart 4 (reveneau.com); also mentioned in a Ryrenz tweet
  • Verified Multilingual KOL reposts: MoureDev ❤877 👁40k (Spanish); GitTrend0x, Ryrenz, fishjar, GitHub_Daily (Chinese); 0xbobaaa (English); Korean Threads
  • Verified AI aggregator and skill-directory sites: mindpattern, reveneau, earlysignal, theagenticweekly, lockergnome, skillsllm, agentskillshub, and a dozen-plus others, 11-01 to 11-04
  • Verified Author iterates while it's hot: in 3 days shipped v0.1–v0.4,11-02, launched the sharing gallery stacks.caru.moe, and posted about it
  • Verified Instagram hook Reel: @tunestechtips 11-04 posted "Comment DIAGRAM" to drive comments
  • Inferred HN / Reddit: not in the hackernews database; Reddit search returned nothing

caru-ini/stack-diagram research report

An agent skill (Claude Code / Codex / Cursor): describe a tech stack in one sentence and get an architecture diagram with official logos in light and dark themes (single-file HTML / PNG / React component / Artifact). Research date 2026-11-06.

Bottom line

Japanese indie developer かる (@caru_ini) posted a Japanese tweet with a polished result image that got 3635 likes and 240k views. The repo gained 1 stars in 486 days and reached #4 on Trendshift's daily chart. Then AI aggregator sites, Chinese and Korean repost accounts, and the Spanish-language influencer MoureDev (877 likes) drove a second wave (11-03 that day, +779). Users starred it because the result image made them want it right away: official logos, lines that don't overlap the labels, and both light and dark versions. But the category already had 90k-star projects, and this one only claimed a narrow slot: "tech stack + official logos." Momentum is clearly fading, and real usage is small (1.1K installs on skills.sh, only 5 images in the public gallery).

Data

  • GitHub (our repo_day data): 11-02 294 → 11-03 1073 → 11-04 1486 → 11-05 1735 → 11-06 1858 stars; daily gains of +779 / +413 / +249 / +123, halving each day. Forks 87. Repo created 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 应该是当天较早拍的快照。
  • Not on github.com/trending (our trending table has no matching row, 0 rows checked). Mostly driven by X and Trendshift.
  • skills.sh shows 1.1K installs (read 2026-11-06); public gallery stacks.caru.moe has 5 images total ("All 5").
  • The author's other repos: discord-bot-template with 79 stars, modal-comfyui with 53 stars. Neither had much reach before.

Where users come from (growth levers)

  1. The author's own launch tweet (main engine, confirmed): @caru_ini posted in Japanese on 2026-11-01: "Built a Skill that gets AI to draw architecture diagrams nicely! All the logos are official ones. Dark/light mode supported 👍" with a finished diagram attached. ❤3635 🔁259 👁239,559 (x-radar real-time search, 2026-11-06). The author's usual tweets get only single-digit likes, so this one broke out.
  2. Author's follow-ups while it was hot (confirmed): 11-02 posted "stars are climbing fast" (❤33); 11-02 launched the sharing site stacks.caru.moe, quoting the launch tweet (❤35); 11-03 posted "2 days to 1.2k⭐". Releases came fast too: v0.1.0 through v0.4.0 all within the first three days.
  3. Trendshift daily chart (confirmed): #11-02 on the daily chart 4 (reveneau.com); Ryrenz's tweet also said it "hit the Trendshift daily chart."
  4. Cross-language KOL re-amplification (confirmed):
    • Spanish: @MoureDev (Brais Moure, a leading Spanish-language developer influencer) 11-02, ❤877 🔁94 👁39,959, and the timing lines up with the +779 peak on 11-03 (x-radar).
    • Chinese: @GitTrend0x roundup (❤56), @Ryrenz (❤42), @fishjar, @GitHub_Daily (11-06), plus a Chinese tutorial at nav.useaiwriter.com.
    • EN: @0xbobaaa "ONE SENTENCE IN. ARCHITECTURE DIAGRAM OUT" (❤53); also scattered reposts on Threads and LinkedIn.
    • KO: Threads @buildnwrite; GitHub roomedia/ax-trend has it listed.
    • JA: note.com shintaro 11-02 wrote a hands-on test (https://note.com/s_kashiwakura/n/n875820bfae7f), and kt-tech.blog has a usage write-up.
  5. AI auto-aggregator sites (confirmed; they amplify, not originate): between 11-01 and 11-04 a dozen or so AI-written aggregator sites followed: mindpattern, reveneau, earlysignal, theagenticweekly, futurpulse, lockergnome, kodiq, aiforpro, thedailycommit, and others, plus skill directories like skillsllm, agentskillshub, skillsmp, and qai.
  6. Instagram traffic account (confirmed): @tunestechtips posted a Reel on 11-04, using the comment bait "Comment DIAGRAM and I'll send you the install"; another Reel also exists (DfVDVu4mfSf). The creator used it to grow their own following; how many stars it contributed is unverified.
  7. HN: hackernews has no posts for this project. Reddit: no results found.

Competitors

NameWhereLaunchedScaleHow it differs
tt-a1i/archifyOpen source agent skill2026-04-1593.8K stars, still climbing 300-400 per day; the official site claims 130K+ installsDraws anything (ideas, plans, codebases) as interactive HTML, with a community gallery; not specialized in official tech-stack logos
cathrynlavery/diagram-designOpen-source skills2026-04-1665.3K starEditorial style, 45 diagram types; deliberately no logos, no shadows
Agents365-ai/drawio-skillOpen-source skills2026-03-0310.6K starOutputs editable draw.io; can read Terraform, K8s, etc.; engineering-oriented, for keeping diagrams and code in sync
Cocoon-AI/architecture-diagram-generatorClaude skill2025-12-227.5K starDark-themed HTML/SVG architecture diagrams with no real official logos
coleam00/excalidraw-diagram-skillOpen-source skills2026-03-015.2K starHand-drawn style: Excalidraw
oh-my-mermaidOpen source2026-03-223.4K starGenerates Mermaid architecture diagrams from a codebase
mingrammer/diagramsOpen-source library202042.8K starDiagram-as-code in Python; also includes official cloud-vendor icons, but you write the code yourself, not one-sentence generation
patrickchugh/terravisionOpen source20221.7K starGenerates diagrams with official AWS/Azure/GCP icons via Terraform
gitdiagramWeb2024-1218.8K starGenerates interactive architecture diagrams from a GitHub repo
Tech-stack logo templates for draw.io / Excalidraw / FigmaWeb toolsAlready aroundVery largeManual drag-and-drop; you find the logos and do the alignment yourself

Verdict: this niche is crowded. A few leaders (archify, diagram-design) have tens of thousands of stars. stack-diagram is the small one in this group.

Differentiation

  • "Official logos, no recoloring, no redrawing": it pulls from svgl → devicon → gilbarbara/logos in turn, and uses each vendor's own icon packs for AWS, GCP, and Azure. Similar skills are mostly abstract boxes or hand-drawn styles, and few produce "real brand" output you can drop straight into a README or slide deck. terravision and mingrammer/diagrams also use official icons, but they require writing code or Terraform.
  • Minimal input: a one-sentence description of the stack is enough; no need to read the codebase first. The use case is clear: the picture you need for a README, a proposal, or a slide deck.
  • Rendering details: connectors route around text; the agent renders the output and checks it before delivering; light and dark versions; a single HTML file with inlined fonts and logos that opens offline.
  • Sharing and gallery: you can publish to stacks.caru.moe; before publishing, the user must confirm twice in a row, and prompts are not uploaded. lockergnome singled out this privacy design as a selling point.

Did the differentiation drive it? Yes, but the thing that worked was the "good-looking screenshot" layer. The launch tweet took off because the row of familiar Next.js, Vercel, Neon, Clerk, and Stripe official logos in the image is recognizable at a glance and looks like a professional cloud architecture diagram. That visual is naturally shareable on X. Functionally it overlaps heavily with tools like archify, and whether users stick around depends on whether "official logos" is a real must-have.

Visibility

It spread in niche circles: on X the author's launch post got ~240k views, and a second wave led by MoureDev got ~40k views; a dozen or so AI aggregator sites wrote about it. But there was no HN, no major tech media, and no GitHub Trending placement. No revenue involved.

Copycats

Someone has already forked it: Chulinuwu/stack-diagram adds click-to-view node details and automatic light/dark theme following. No independent clone has been seen yet.

What to borrow

  1. One finished diagram is the entire marketing: the README's first screen shows the hero image and the prompt that produced it; the tweet is three lines plus one image.
  2. Choose an angle that is recognizable at a glance: official logos are visual assets every developer knows, so the screenshot carries its own spread.
  3. Launch in your native language and spread through multilingual repost accounts: Japanese drove the early volume, and Chinese, Spanish, and Korean "GitHub gems" accounts followed automatically; AI aggregators scanning the Trendshift daily chart then formed the amplification chain.
  4. Ship updates daily while the buzz is hot, and add the share site and gallery, giving the second wave fresh material.
  5. The approach can be copied to other "one sentence to picture" use cases: sequence diagrams, data-flow diagrams, org charts, slide illustrations, and so on, as long as it delivers "real assets + automatic layout checks."

Still unclear

  • Time zone of the tweet: x-radar shows 14:26; how long passed between the launch tweet and the repo creation is uncertain.
  • The stars can't be split by channel; the impact of the Instagram Reel is unverified.
  • Long-term retention: skills.sh shows 1.1K installs but the gallery has only 5 images, so conversion from "starred it" to "actually used it" is low; daily star growth has dropped from 779 to 123, and it may fade after the second wave.
  • Unknown whether a large account like archify has absorbed it (for example by adding an official-logo mode).

Sources

This article was written by AI from public data and the data we collect daily. Numbers are sourced, and inferences are labeled.