创意架构示意图

要解决什么问题

在评审云原生方案、对齐跨团队边界或写设计文档时，架构图往往要反复改：配色不统一、导出后糊、或只能锁在某个绘图工具里。若你希望暗色主题、矢量清晰、且能直接嵌进文档或内网页，用通用 HTML + SVG 往往比截图或专有格式更省事。

技能如何工作

本技能面向 architecture / cloud / infrastructure 类示意图，输出为带暗色风格的 SVG，并封装为可浏览的 HTML，便于在浏览器中查看或交给后续发布流程。

典型用法上，你会用自然语言描述组件关系、数据流或部署层次，由 Agent 按技能约定生成页面结构；图形以 SVG 为主，适合放大不失真、与暗色 UI 文档风格一致。标签侧与 concept-diagrams、excalidraw 等技能相关，但本技能侧重创意化、主题统一的架构示意，而非白板手绘交互。

适用边界与注意点

• 适合：逻辑架构、云资源拓扑、基础设施分层等示意性图表，而非精确到像素的产品 UI 或实时监控大屏。
• 输出形态是 HTML 承载的 SVG；若你的流水线只接受 PNG/PDF，需要自行转换或截图。
• 复杂图仍依赖你对边界、命名与关系的描述是否清楚；技能不会替代你对业务语义的正确建模。
• 作者为 Cocoon AI，经 Hermes Agent 移植；行为以当前 SKILL.md 与平台技能说明为准，勿假设未文档化的导出或协作能力。