{"enrichment":{"faq":[{"a":"architecture-diagram generates polished technical architecture diagrams in dark mode with semantic color coding. Define your system components (frontend in cyan, backend in emerald, databases in violet) and the skill outputs a standalone HTML file with inline SVG\u2014no external tools or APIs required. Perfect for visualizing software systems, cloud infrastructure, and microservices topology.","q":"How do I create architecture diagram SVG with architecture-diagram?"},{"a":"architecture-diagram applies semantic colors to distinguish layer types: cyan for frontend services, emerald for backend systems, violet for databases, and additional colors for APIs, security groups, and message buses. This dark-themed palette makes infrastructure relationships immediately clear and professional for technical documentation.","q":"What color scheme does architecture-diagram use for components?"},{"a":"Yes. architecture-diagram creates standalone HTML files with embedded SVG that render completely offline\u2014no external dependencies, APIs, or tools needed. Your diagrams are self-contained, shareable, and ready to use immediately after generation.","q":"Can architecture-diagram generate system architecture visualization without APIs?"},{"a":"architecture-diagram handles software system architecture, cloud infrastructure topology, microservices layouts, deployment diagrams, service-mesh visualization, database-API-security layer mapping, and tech-stack representations. Grid backgrounds and semantic positioning help communicate complex infrastructure clearly.","q":"What types of diagrams can architecture-diagram produce?"},{"a":"Yes, architecture-diagram is released under the MIT license, making it free to use, modify, and distribute for personal and commercial projects.","q":"Is architecture-diagram open source and what's its license?"}],"shadow_tags":["infrastructure-visualization","dark-mode-diagrams","svg-generation","tech-stack-mapping","system-topology","cloud-architecture","component-relationships","offline-diagramming","semantic-coloring"],"summary_rewrite":"Create polished technical architecture diagrams in dark mode with semantic color coding\u2014cyan for frontend, emerald for backend, violet for databases, and more. Output renders as a standalone HTML file with inline SVG, requiring no external tools or dependencies. Ideal for software systems, cloud infrastructure, microservices, and deployment topology."},"files":[{"bytes":6369,"path":"crates/skills/src/assets/creative/architecture-diagram/SKILL.md","sha256":"a487e767a30b40b3ac07756989a5ef94ccbe90eb47b856d3acf5f8eff4080726","url":"https://skillfed.io/files/moltis-org/moltis/architecture-diagram/b989df06/SKILL.md"}],"id":"moltis-org/moltis/architecture-diagram","links":{"html":"https://skillfed.io/moltis-org/moltis/architecture-diagram","md":"https://skillfed.io/moltis-org/moltis/architecture-diagram.md","repo":"https://github.com/moltis-org/moltis"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":327,"language":"Rust","last_updated":"2026-07-27","license":"MIT","name":"architecture-diagram","publisher":"moltis-org","stars":2795},"relations":{"similar":[{"id":"NousResearch/hermes-agent/architecture-diagram"},{"id":"mateaix/mateclaw/architecture-diagram"},{"id":"alfredolopez80/multi-agent-ralph-loop/architecture-diagram"},{"id":"pedronauck/skills/architecture-diagram"},{"id":"Cocoon-AI/architecture-diagram-generator/architecture-diagram"},{"id":"guanyang/open-agent-hub/baoyu-diagram"},{"id":"JimLiu/baoyu-skills/baoyu-diagram"},{"id":"alfredolopez80/multi-agent-ralph-loop/diagram-design"},{"id":"Mathews-Tom/armory/architecture-diagram"},{"id":"markdown-viewer/skills/architecture"}]},"slug":{"owner":"moltis-org","repo":"moltis","skill":"architecture-diagram"},"version":"b989df06"}