Architecture

This generates layered architecture diagrams as direct HTML/CSS embedded in Markdown, no external tools needed. You get 12 visual styles (Steel Blue for enterprise, Neon Dark for dev conferences, Rose Bloom for luxury brands) and 12 structural layouts (three-column for complex systems, pipeline for data flows, nested containers for cloud topology). The incremental creation approach is smart: build the framework first, add layers second, fill components third. It handles everything from simple microservice views to full enterprise architectures with monitoring sidebars and cross-cutting concerns. The color semantics are consistent across styles, so user layers always mean user-facing stuff regardless of palette. Beats diagramming tools when you want version-controlled diagrams that live in your docs.

Install to Claude Code

npx -y skills add markdown-viewer/skills --skill architecture --agent claude-code