stack-diagram
Spec compliantstack-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).
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/ When to use
- → Tech stack or architecture diagrams for a README or slides
- → Official service logos in light and dark
Platforms
Resources
Source
https://github.com/caru-ini/stack-diagram/skills/stack-diagramLicense: MIT
Related Skills
create-skill teaches agents how to author new Agent Skills with valid SKILL.md frontmatter, trigger descriptions, and optional scripts. Install via npx skills add or copy to ~/.cursor/skills/create-skill/.
create-rule helps agents write Cursor rules (.mdc files) for project-specific AI behavior. Place rules in .cursor/rules/ for automatic context injection.
code-review applies structured review checklists covering correctness, maintainability, tests, and team conventions.
review-bugbot performs structured code review focused on bugs, edge cases, and regressions. Ideal before merging PRs or after significant refactors.
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