用途：根据用户描述的系统架构（组件、连接、技术），生成深色主题、网格背景的独立 HTML 架构图，内联 SVG 图形，无外部工具、API 密钥或渲染库，直接写文件用浏览器打开即可，离线可用。
主要能力：适合软件系统架构（前端/后端/数据库分层）、云基础设施（VPC、区域、子网、托管服务）、微服务/服务网格拓扑、数据库与 API 映射、部署图。视觉采用语义配色：前端青色、后端祖母绿、数据库紫罗兰、云/ AWS 琥珀、安全玫红、消息总线橙色、外部板岩色；JetBrains Mono 字体，Slate-950 背景配 40px 网格。组件为圆角矩形，用双层矩形遮罩避免箭头透出；箭头早绘制以处于组件之下，安全流用玫红虚线，安全组虚线、区域为琥珀大虚线圆角框。页面结构含标题、SVG 图、三张摘要卡与页脚。
使用方式：用户描述架构后生成 HTML，用 write_file 保存为 ./[project-name]-architecture.html 或指定路径，再提示用户打开，如 macOS 执行 open ./my-architecture.html，Linux 执行 xdg-open ./my-architecture.html。可加载模板参考结构：skill_view(name="architecture-diagram", file_path="templates/template.html")。
限制：物理、化学、数学、生物等科学主题，实体物体、平面图、叙事旅程、教科书式视觉、手绘白板草图（建议 excalidraw）、动画解说等不适用；有更专门的技能时应优先使用，否则可作为通用 SVG 图回退。输出要求单文件、CSS 与 SVG 内联（Google Fonts 除外）、无 JavaScript，动画用纯 CSS。基于 Cocoon AI 的 architecture-diagram-generator（MIT）。