{"enrichment":{"faq":[{"a":"architecture-diagram-creator produces comprehensive HTML architecture diagrams that map business objectives, data flows, processing pipelines, and system components in a single visual document. It structures technical architecture across layers\u2014data, processing, services, and outputs\u2014with SVG visualizations and semantic color coding for clarity.","q":"What does architecture-diagram-creator do?"},{"a":"Yes. architecture-diagram-creator generates HTML documentation for project technical architecture, creating complete visual system overviews with components and interactions embedded directly in the output document.","q":"Can architecture-diagram-creator generate system architecture overview HTML?"},{"a":"architecture-diagram-creator visualizes data flow and processing pipelines by mapping how information moves through your system layers. It uses semantic color coding and SVG graphics to show the complete journey from inputs through processing to outputs.","q":"How does architecture-diagram-creator visualize data flow?"},{"a":"architecture-diagram-creator structures diagrams across four key layers: data (sources and storage), processing (transformation logic), services (business capabilities), and outputs (delivery mechanisms). This layered approach clarifies how system components interact.","q":"What layers does architecture-diagram-creator include?"},{"a":"Yes. architecture-diagram-creator visualizes business context, processing pipelines, and deployment models, allowing you to document how your system is deployed and how different environments interact with your architecture.","q":"Can I use architecture-diagram-creator for deployment models?"},{"a":"architecture-diagram-creator is released under the Apache-2.0 license, which permits commercial and private use with appropriate attribution.","q":"What is the license for architecture-diagram-creator?"}],"shadow_tags":["visual-documentation","system-design","data-pipeline-viz","html-generation","technical-diagrams","deployment-planning","svg-graphics","architecture-modeling"],"summary_rewrite":"This skill produces comprehensive HTML architecture diagrams that map business objectives, data flows, processing pipelines, and system components in a single visual document. It structures technical architecture across layers\u2014data, processing, services, and outputs\u2014with SVG visualizations and semantic color coding for clarity."},"files":[{"bytes":2706,"path":"visual-documentation-plugin/skills/architecture-diagram-creator/SKILL.md","sha256":"7d506e3fc0beee3ba91f97df6465d0f4d0fe2daf7b5ffa369ba876c9ab193992","url":"https://skillfed.io/files/mhattingpete/claude-skills-marketplace/architecture-diagram-creator/bb100777/SKILL.md"}],"id":"mhattingpete/claude-skills-marketplace/architecture-diagram-creator","links":{"html":"https://skillfed.io/mhattingpete/claude-skills-marketplace/architecture-diagram-creator","md":"https://skillfed.io/mhattingpete/claude-skills-marketplace/architecture-diagram-creator.md","repo":"https://github.com/mhattingpete/claude-skills-marketplace"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":91,"language":"HTML","last_updated":"2026-07-25","license":"Apache-2.0","name":"architecture-diagram-creator","publisher":"mhattingpete","stars":657},"relations":{"similar":[{"id":"mhattingpete/claude-skills-marketplace/flowchart-creator"},{"id":"mhattingpete/claude-skills-marketplace/dashboard-creator"},{"id":"mhattingpete/claude-skills-marketplace/technical-doc-creator"},{"id":"mhattingpete/claude-skills-marketplace/timeline-creator"},{"id":"guanyang/open-agent-hub/baoyu-diagram"},{"id":"JimLiu/baoyu-skills/baoyu-diagram"},{"id":"mhattingpete/claude-skills-marketplace/codebase-documenter"},{"id":"smallnest/goal-workflow/insight-diagram"},{"id":"NousResearch/hermes-agent/concept-diagrams"},{"id":"yizhiyanhua-ai/fireworks-tech-graph/fireworks-tech-graph"}]},"slug":{"owner":"mhattingpete","repo":"claude-skills-marketplace","skill":"architecture-diagram-creator"},"version":"bb100777"}