AI product Open source

stack-diagram

An agent skill by caru-ini that turns a natural-language description of a technology stack into an architecture diagram with official logos. It works with Claude Code, Codex, Cursor, and other agents supporting skills, and can depict application infrastructure, development tooling, AI applications, and cloud environments including AWS, Google Cloud, and Azure. The skill fetches logos at build time, routes connector lines around labels, and renders light and dark versions. It produces a self-contained HTML file, PNG, dependency-free React component, or Artifact; PNG export uses Playwright with Chromium. It requires Python 3.9 or later and network access for logo retrieval. The code and documentation are MIT-licensed, while bundled fonts use the SIL Open Font License 1.1.

View repository Visit site Mentioned in 2 videos ↓

What stack-diagram is used for

2 uses taken from transcripts — each links to the moment in the video.

  • An agent skill for Claude Code and Cursor that turns a one-sentence description of your tech stack into a clean architecture diagram, pulling each tool's official logo at build time.

  • An agent skill that turns a one-sentence description of a tech stack into an architecture diagram, fetching official logos and outputting self-contained HTML, PNG, a React component, or a Claude artifact.

Videos mentioning stack-diagram

2 in the library.