Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infrastructure diagrams, cloud architecture visualizations, security diagrams, network topology diagrams, or any technical diagram showing system components and their relationships.
Install
npx skills add Cocoon-AI/architecture-diagram-generator --skill architecture-diagramnpx skills add Cocoon-AI/architecture-diagram-generator --skill architecture-diagram -a claude-code -gnpx skills add Cocoon-AI/architecture-diagram-generator --skill architecture-diagram -a codex -ggemini skills install https://github.com/Cocoon-AI/architecture-diagram-generator.git --path architecture-diagramgh skill install Cocoon-AI/architecture-diagram-generator architecture-diagramgit clone --depth 1 https://github.com/Cocoon-AI/architecture-diagram-generator /tmp/Cocoon-AI__architecture-diagram-generator
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/Cocoon-AI__architecture-diagram-generator/architecture-diagram ~/.claude/skills/architecture-diagram # Claude Code
cp -R /tmp/Cocoon-AI__architecture-diagram-generator/architecture-diagram ~/.agents/skills/architecture-diagram # Codex, Cursor, Gemini CLI, Copilot, OpenCode