Where are the generated diagrams saved?

All generated diagrams, including SVGs and PNGs, are saved to the docs/architecture/latest/ directory in your project for easy access.

Can I edit the diagrams it creates?

Yes, you can refine diagrams conversationally by asking Claude to highlight specific paths, zoom into components, or add callouts to specific layers.

What file types does Architecture Designer support?

Currently, the skill analyzes Terraform and Docker Compose files to extract infrastructure components, dependencies, and networking relationships.

Does it support application-level routing?

While the primary focus is currently on infrastructure, future updates plan to support application code like Express routes and database connections.

Can I use these diagrams in a README?

Yes, the skill provides an embed.html snippet and PNG exports specifically designed for easy embedding in GitHub READMEs and documentation.

Architecture Designer

Name: Architecture Designer
Author: jeremyodell

byjeremyodell

Cloud Infrastructure

Generates professional architecture diagrams and system visualizations directly from your infrastructure-as-code files.

About

Architecture Designer is a specialized Claude Code skill that automates the creation of high-quality system diagrams by analyzing Terraform, Docker Compose, and infrastructure-as-code files. It provides a visual bridge between complex code and architectural understanding, enabling developers to generate interactive SVG diagrams, create investor-ready pitch decks, and document infrastructure layouts without manual drawing. By scanning existing files and applying hierarchical layouts, it delivers ByteByteGo-quality documentation that updates as your code evolves.

Key Features

Automated scanning of Terraform and Docker Compose infrastructure files
Generation of animated, professional-grade SVG system diagrams
0 GitHub stars
Conversational refinement to zoom, highlight, or adjust layout elements
Multi-format export including SVG, PNG, and PDF for README documentation
Auto-generation of investor and client-facing presentation decks

Use Cases

Preparing technical slides and documentation for stakeholder presentations
Onboarding new developers by generating clear system architecture overviews
Visualizing complex AWS infrastructure from existing Terraform configurations

About

Key Features

Automated scanning of Terraform and Docker Compose infrastructure files
Generation of animated, professional-grade SVG system diagrams
0 GitHub stars
Conversational refinement to zoom, highlight, or adjust layout elements
Multi-format export including SVG, PNG, and PDF for README documentation
Auto-generation of investor and client-facing presentation decks

Use Cases

Preparing technical slides and documentation for stakeholder presentations
Onboarding new developers by generating clear system architecture overviews
Visualizing complex AWS infrastructure from existing Terraform configurations