{"enrichment":{"faq":[{"a":"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.","q":"How do I create architecture diagram visualizations?"},{"a":"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.","q":"Can Architecture Diagram visualize cloud infrastructure and AWS topology layouts?"},{"a":"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.","q":"What export options does Architecture Diagram support?"},{"a":"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.","q":"Can I use Architecture Diagram for microservices and security architecture?"},{"a":"Architecture Diagram is released under the MIT license, allowing free use, modification, and distribution in both personal and commercial projects with minimal restrictions.","q":"What license does Architecture Diagram use?"},{"a":"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.","q":"Can I create system design diagrams for technical documentation?"}],"shadow_tags":["diagram-generation","infrastructure-visualization","technical-documentation","system-design-tool","dark-theme-ui","svg-graphics","export-formats","topology-mapping","cloud-architecture"],"summary_rewrite":"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."},"files":[{"bytes":8383,"path":"architecture-diagram/SKILL.md","sha256":"a8dc11b2a648d906cf883d65dbf4cbe16608f08b4641c19ee46c3428ec28ed1c","url":"https://skillfed.io/files/Cocoon-AI/architecture-diagram-generator/architecture-diagram/ab079cb7/SKILL.md"}],"id":"Cocoon-AI/architecture-diagram-generator/architecture-diagram","links":{"html":"https://skillfed.io/Cocoon-AI/architecture-diagram-generator/architecture-diagram","md":"https://skillfed.io/Cocoon-AI/architecture-diagram-generator/architecture-diagram.md","repo":"https://github.com/Cocoon-AI/architecture-diagram-generator"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":522,"language":"HTML","last_updated":"2026-05-13","license":"MIT","name":"architecture-diagram","publisher":"Cocoon-AI","stars":6716},"relations":{"similar":[{"id":"alfredolopez80/multi-agent-ralph-loop/architecture-diagram"},{"id":"pedronauck/skills/architecture-diagram"},{"id":"guanyang/open-agent-hub/baoyu-diagram"},{"id":"JimLiu/baoyu-skills/baoyu-diagram"},{"id":"NousResearch/hermes-agent/architecture-diagram"},{"id":"moltis-org/moltis/architecture-diagram"},{"id":"mateaix/mateclaw/architecture-diagram"},{"id":"Delphine-L/claude_global/galaxy-workflow-viz"},{"id":"alfredolopez80/multi-agent-ralph-loop/diagram-design"},{"id":"cathrynlavery/diagram-design/diagram-design"}]},"slug":{"owner":"Cocoon-AI","repo":"architecture-diagram-generator","skill":"architecture-diagram"},"version":"ab079cb7"}