用途：生成生产级 SVG 图表，采用统一的扁平极简设计系统，输出单个自包含 HTML 文件，浏览器直接打开即可，无需服务器或依赖，并自动适配浅色/深色模式。
主要能力：覆盖流程图、结构/包含关系、API 端点图、微服务拓扑、数据流、物理结构、基础设施集成、UI 仪表盘、叙事旅程、定量图表等类型。提供 9 组颜色梯度（c-purple、c-teal、c-coral、c-pink、c-gray、c-blue、c-green、c-amber、c-red），每组 7 档，通过 CSS 类自动切换明暗模式。内置箭头 marker、文本类（t、ts、th）、节点与容器样式。examples/ 目录含 15 个完整示例，可按类型参考。
使用方式：先确定图表类型，按设计系统布局，加载模板 templates/template.html，将 SVG 粘贴到 <!-- PASTE SVG HERE --> 处，保存为独立 .html 文件，用户用浏览器打开。加载模板命令：skill_view(name="concept-diagrams", file_path="templates/template.html")。加载示例：skill_view(name="concept-diagrams", file_path="examples/<filename>")。可选多图预览服务器仅绑定 127.0.0.1，不硬编码端口，示例命令：cd .diagrams && python -c "import http.server, socketserver; with socketserver.TCPServer(('127.0.0.1', 0), http.server.SimpleHTTPRequestHandler) as s: print(f'Serving at http://127.0.0.1:{s.server_address[1]}/'); s.serve_forever()"。
适用场景：物理装置、化学机理、数学曲线、生物、解剖剖面、爆炸视图、平面图、生命周期叙事、智慧城市/IoT 等中心辐射集成、教科书式视觉、分组柱状图等。
限制：不适合深色科技风的软件/云架构（可考虑 architecture-diagram）、手绘白板草图（可考虑 excalidraw）、动画或视频输出。设计规则要求：仅两种字号、所有文本必须带类、连接线 fill="none"、节点边框 0.5px、无渐变阴影模糊发光、颜色按语义分组而非彩虹循环、每图 2-3 色、viewBox 宽 680、内容限于 x=40 至 640、嵌套最多 2-3 层。若存在更专门的技能应优先使用。收费、价格、平台等信息暂未提供。