stack-diagram

What is stack-diagram

stack-diagram is an AI agent skill that turns a one-sentence description of your tech stack into an architecture diagram with official logos. It is free and open source under the MIT license; the repository was created on 2026-11-01.

How to use

1. Install the skill: npx skills add caru-ini/stack-diagram (works with Claude Code, Codex, Cursor and other agents that support skills).
2. In the Claude apps, upload stack-diagram.zip from the GitHub Releases page as a skill instead.
3. Describe your stack in a sentence, e.g.
4. "Diagram our stack: Next.js and a Hono API on Vercel, Postgres on Neon, auth with Clerk, payments with Stripe." The agent fetches official logos, routes lines around labels, renders the diagram and checks it.
5. Get the result as a self-contained HTML file (default), PNG, a React component or an Artifact, in light and dark themes.
6. Optionally share it to the public gallery at stacks.caru.moe after confirming twice.

Use cases

• Architecture diagrams with official logos from a one-sentence description Documenting dev tooling such as monorepos and CI pipelines Diagramming AI apps with vector search and LLM calls AWS architecture diagrams using AWS’s own icons Embedding diagrams in repos, wikis or as Claude artifacts

Price from official sources

Free

• Free and open source;
• code and docs under the MIT license.

Check the official site for current pricing · Price not yet checked by our editors

Source: github.com · Info as of Nov 2, 2026

Social

• github