Image: GitHub
Why it mattersA diagram that used to take an hour in Figma now takes one prompt. Writers, product managers and engineers can show the stack without a design pass.
Making an architecture diagram for a README or a slide is slow work. The one that ends up in the doc rarely has the real brand logos on it. Stack-diagram is a new open-source agent skill. The author signs as caru-ini. The user types one sentence about their stack. The skill returns a finished diagram with the real logos on it.
The repository was created on 1 November 2026. It had 486 stars the next day, according to the GitHub API. It sat at number four on trendshift.io's daily ranking of trending repositories. The code is under the MIT license.
What the skill does
The user describes a stack in plain words. The skill picks the services it names. It fetches each one's official logo at build time. It lays them out. It routes the connecting lines around the labels. Then it renders the result.
The author lists four output formats in the README. The first is a self-contained HTML file with the fonts and logos put inside the file. The second is a PNG rendered through Playwright with Chromium. The third is a React component with no other packages needed. The fourth is a Claude artifact for a chat. Both a light and a dark theme are supported.
Logos come from four public sources in order: svgl, devicon, the gilbarbara/logos repository, and AWS's own icon package. The README states that the logos are "never recolored or redrawn".
How to use it
The skill comes as an installable package. The README gives one install command, npx skills add caru-ini/stack-diagram. It says the project works with Claude Code, Codex, Cursor and any other agent that supports the agentskills.io standard. There is also a zip file in the GitHub Releases. That zip can be uploaded as a skill inside Claude's own apps.
The skill needs Python 3.9 or newer. It needs a network connection the first time it runs, to download the logos. After that, the HTML file renders without the network. The PNG path needs Playwright and Chromium installed.
Who finds this useful
A diagram with the right vendor logos makes a doc look serious. The same doc without them looks like a draft. Writers who need an image for a post draw the same picture. Product managers who need a one-pager draw it. Engineers writing a design doc draw it too. Sales people answering "how does this fit with what we already have" draw it as well.
Any of them with an agent already open can now ask for the picture. The sentence they use to describe the stack is the same sentence the skill reads. New Claude skills are being published every day now. The skill format itself is now looked after by a group of maintainers from several companies. That has made it easier to publish one skill that works across several agents at once.
Source
Stack-diagram repository on GitHub, caru-ini.
This item was written by an AI system from the linked source. Reveneau is responsible for what it publishes.
Get AI News in your inbox
New developer tools, model and agent releases, and how teams are actually using them to release software. Short, and only when there is something worth reading.