Skip to content

aws-samples/aws-diagram-design

v2.0.0MIT

AWS-branded editorial diagrams as standalone HTML/SVG/PNG — Amazon Ember typography, squid ink + smile orange skin, official AWS Architecture Icons bundled. 27 visual types (architecture, VPC, flowchart, sequence, ER, timeline, swimlane, Gantt, data flow, …), draw.io and Mermaid redraw, PNG/SVG export, and read-only current-state diagrams drawn from a live AWS account. Korean triggers: AWS 아키텍처 다이어그램, 구성도, 흐름도, 시퀀스 다이어그램.

aws-diagram-design

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, or DP security matrix diagrams as standalone HTML/SVG/PNG. Default skin is the AWS brand (Amazon Ember, squid ink, smile orange) with the official AWS Architecture Icons (EC2, Lambda, S3, VPC zones, …) bundled. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling. Korean triggers: AWS 아키텍처 다이어그램, 구성도, 아키텍처 그림, 흐름도, 순서도, 시퀀스 다이어그램, 다이어그램 그려줘/그리기.

aws-live-architecture

Draw the current-state architecture diagram of a real AWS account/region or a single VPC by inventorying it read-only (Describe/List/Get only) and redrawing the result with the aws-diagram-design system and official AWS icons. Use when the user asks to diagram what is actually deployed — 'draw my VPC', '현재 계정 구성도 그려줘', 'as-is architecture from the account', 'document the running environment' — rather than a design they describe. Works with local AWS credentials (boto3) or through the AWS MCP Server.

export-diagram

Export a generated aws-diagram-design HTML diagram to .svg and/or .png next to the source. Use when the user asks to export, save, rasterize, convert, or download a diagram as PNG or SVG. Korean triggers: PNG로 내보내기, SVG로 저장, 다이어그램 이미지로 변환.

import-drawio

Redraw a draw.io file (.drawio, .drawio.xml, .drawio.png, .drawio.svg) as an AWS-branded editorial diagram at a chosen format, size, detail level, and audience. Use when the user wants to convert, redraw, clean up, or make presentable an existing draw.io diagram. Korean triggers: draw.io 파일 다시 그려줘, drawio 변환, 구성도 정리.

import-mermaid

Redraw Mermaid source (.mmd, .mermaid, or fenced mermaid blocks in Markdown) as an AWS-branded editorial diagram at a chosen format, size, detail level, and audience. Use when the user wants to convert, redraw, or make presentable a Mermaid flowchart, sequence, state, ER, or other diagram. Korean triggers: Mermaid 다시 그려줘, 머메이드 변환, README 다이어그램 그림으로.