Architecture Diagram Skill

Create professional technical architecture diagrams as self-contained HTML files with inline SVG graphics and CSS styling.

When to Use

• User asks for "architecture diagram", "system diagram", "技术架构图"
• User wants to visualize system components and relationships
• User needs cloud architecture (AWS/GCP/Azure), network topology, or security diagrams
• User asks to "生成架构图", "画一个系统图", "可视化XXX架构"

Design System

Color Palette

Use these semantic colors for component types: