stack-diagram

Spec compliant

stack-diagram generates architecture diagrams with official service logos as self-contained HTML, light and dark (caru-ini/stack-diagram, MIT). Install: `npx skills add caru-ini/stack-diagram --skill stack-diagram`.

Generate architecture / stack diagrams with official service logos as self-contained HTML (light and dark).

4.6 Excellent
by かる / caru-ini Last verified: 2026-11-02

Copy prompt for your AI

Send this to your agent to install the skill.

First read https://skill123.app/install/skill123.md. Then install the "stack-diagram" agent skill by running:
npx skills add caru-ini/stack-diagram --skill stack-diagram
Other install methods

CLI install

npx skills add caru-ini/stack-diagram --skill stack-diagram

Manual install

~/.cursor/skills/stack-diagram/
~/.claude/skills/stack-diagram/
~/.codex/skills/stack-diagram/
~/.agents/skills/stack-diagram/
Download Zip from GitHub

When to use

  • → Tech stack or architecture diagrams for a README or slides
  • → Official service logos in light and dark

Platforms

Cursor Claude Code Codex CLI Open Agents

Resources

skill-name/
├── SKILL.md
└── assets/assets/
└── references/references/
└── scripts/scripts/

Source

https://github.com/caru-ini/stack-diagram/skills/stack-diagram

License: MIT

Related Skills

FAQ

How do I install stack-diagram?

Send the install prompt to your AI, or run npx skills add caru-ini/stack-diagram --skill stack-diagram.

Which platforms support stack-diagram?

Cursor, Claude Code, Codex CLI, Open Agents