用途：生成生产级 SVG 图表，采用统一扁平极简设计系统，输出单个自包含 HTML 文件，在现代浏览器中渲染一致，并自动适配明暗模式。适用于物理装置、化学机理、数学曲线、生物、实体对象（飞机、涡轮、手机、机械表、细胞）、解剖与剖面、爆炸图层视图、平面图、叙事旅程、中心辐射系统集成（智慧城市、物联网、电网）、教材式视觉与定量图表（分组柱状图、能量曲线）等。
主要能力：内置 9 套语义色阶（紫、青、珊瑚、粉、灰、蓝、绿、琥珀、红），每套 7 个色阶，通过 CSS 类在明暗模式自动切换；提供字体类 t、ts、th 与框、箭头、连接线等 CSS；预置模板模板页与 15 个已测试示例。设计约束包括：使用视图框 viewBox="0 0 680 H"，安全区 x=40 至 640，框间距至少 60px，节点描边 0.5px，圆角 rx=8 等。
使用方式：先加载模板 skill_view(name="concept-diagrams", file_path="templates/template.html")，将生成的 SVG 粘贴到 <!-- PASTE SVG HERE --> 处，保存为独立 .html 文件（如 ./my-diagram.html），用户直接在浏览器打开。也可参考 examples/ 目录下的完整示例，按类型加载 references 参考文件。
限制：不适合有暗色科技美学的专用软件或云基础设施架构（优先考虑 architecture-diagram），不适合手绘白板草图（考虑 excalidraw），也不适合动画讲解或视频输出。若存在更专业的技能应优先选用。可选本地预览服务仅在用户明确需要多图库时使用，必须绑定 127.0.0.1，不得使用 0.0.0.0，端口由系统分配。暂未提供收费、价格或平台等信息。