architecture-diagram

Architecture Diagram creates publication-ready system topology visualizations in standalone HTML format. Describe your infrastructure, cloud setup, or network design in plain language, and the skill generates a dark-themed SVG diagram with semantic color coding for different component types.

Architecture Diagram generates professional system architecture visualizations as self-contained HTML files from plain-language descriptions.

AI-generated summary based on this skill's SKILL.md

★ 6,716 ⁮ 522 MIT updated 2026-05-13 by Cocoon-AI

Install

Cocoon-AI/architecture-diagram-generator/architecture-diagram · repository language: HTML

Manual (git clone) CLI (skillfed)coming soon

git clone https://github.com/Cocoon-AI/architecture-diagram-generator
cp -r architecture-diagram-generator/architecture-diagram ~/.claude/skills/architecture-diagram

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I create architecture diagram visualizations?

Architecture Diagram generates publication-ready system topology visualizations from plain language descriptions. Simply describe your infrastructure, cloud setup, or network design, and the skill creates a dark-themed SVG diagram with semantic color coding for different component types. The output is self-contained HTML that requires no external dependencies.

Can Architecture Diagram visualize cloud infrastructure and AWS topology layouts?

Yes. Architecture Diagram specializes in visualizing cloud infrastructure and AWS topology layouts. Describe your cloud architecture including services, regions, and connections, and the skill generates a semantic diagram with appropriate visual representations for AWS components and their relationships.

What export options does Architecture Diagram support?

Architecture Diagram generates self-contained HTML diagrams with export capabilities. You can export your diagrams as PNG or PDF formats, making them suitable for presentations, documentation, and sharing with stakeholders. The HTML format ensures compatibility across platforms.

Can I use Architecture Diagram for microservices and security architecture?

Yes. Architecture Diagram supports designing network security and microservices architecture visuals. You can describe complex microservices topologies, security boundaries, and network flows, and the skill will generate clear visual representations with semantic color coding to distinguish different component types and their interactions.

What license does Architecture Diagram use?

Architecture Diagram is released under the MIT license, allowing free use, modification, and distribution in both personal and commercial projects with minimal restrictions.

Can I create system design diagrams for technical documentation?

Yes. Architecture Diagram creates professional system design diagrams ideal for technical documentation. Whether you need infrastructure as code diagrams, database architecture visualizations, or enterprise architecture layouts, describe your system and the skill generates publication-ready dark-themed SVG visualizations with semantic component styling.

SKILL.md

rendered from the published skill — quoted content, verbatim