用途：根据用户描述的系统架构（组件、连接、所用技术）生成专业深色风格技术架构图，输出为单文件 HTML（内联 SVG）。适合软件系统架构（前端/后端/数据库分层）、云基础设施（VPC、区域、子网、托管服务）、微服务与服务网格拓扑、数据库与 API 映射、部署图等基础设施主题。物理、化学、数学、生物等科学主题，实物、平面图、教材式视觉、手绘白板草图、动画讲解等不适合，应优先选择更专门的技能；若无合适技能，也可作为通用 SVG 图后备方案。
主要能力：内置设计系统，按组件类型用语义化配色（前端青色、后端绿色、数据库紫色、云/ AWS 琥珀、安全玫红、消息总线橙色、外部灰色）区分；字体为 JetBrains Mono，背景为 Slate-950 加 40px 网格。组件为圆角矩形，采用双矩形遮罩避免半透明填充透出箭头；箭头通过 SVG marker 定义，安全流用玫红色虚线；安全组与区域边界用不同虚线样式。文档结构分标题、主 SVG、三张摘要卡片和页脚四部分，动画仅用纯 CSS。
使用方式：用户描述架构后生成 HTML 并保存为 .html 文件（如 ./[project-name]-architecture.html），浏览器打开即可离线查看；可提示用 open（macOS）或 xdg-open（Linux）打开。模板可参考 skill_view(name="architecture-diagram", file_path="templates/template.html")。
限制：输出必须为单个自包含 HTML 文件，CSS 与 SVG 全部内联（仅 Google Fonts 外链），不使用 JavaScript，需在现代浏览器中正确渲染。其余细节资料未提供。