insight-diagram

# Insight Diagram — 项目图表生成技能 分析任意代码库，自动生成 UML 14种图 + 架构图 + 流程图，使用 `/architecture-diagram` 渲染为 HTML+SVG。 ## 图表分类与清单 ### 结构性图形 (Structural Diagrams — 静态) 描述系统的物理组成和静态结构。 | 编号 | 图表类型 | 英文标识 | 关注点 | |------|---------|---------|--------| | 1 | 系统架构图 | architecture | 组件关系、全局视角（非UML，最常用） | | 2 | 类图 | class | 定义类、属性、操作及关系 | | 3 | 对象图 | object | 特定时刻的对象实例及其关系 | | 4 | 组件图 | component | 系统组件及其依赖关系 | | 5 | 部署图 | deployment | 物理硬件、节点及软件部署 | | 6 | 包图 | package | 将模型元素分组组织 | | 7 | 复合结构图 | composite-structure | 类的内部结构 | | 8 | 剖面图 | profile | 扩展UML元模型、自定义构造型 | ### 行为性图形 (Behavioral Diagrams — 动态) 描述系统与外部参与者或系统内部的交互过程。 | 编号 | 图表类型 | 英文标识 | 关注点 | |------|---------|---------|--------| | 9 | 流程图 | flowchart | 主流程与分支（非UML，最常用） | | 10 | 用例图 | usecase | 从用户角度展示系统功能 | | 11 | 活动图 | activity | 过程的流程或步骤 | | 12 | 状态机图 | state-machine | 对象生命周期的状态变迁 | | 13 | 序列图 | sequence | 按时间顺序展示对象间交互 | | 14 | 通信图 | communication | 侧重于对象间的组织关系 | | 15 | 定时图 | timing | 侧重于状态变化的时间约束 | | 16 | 交互概览图 | interaction-overview | 结合活动图和时序图 | | 17 | 泳道图 | swimlane | 跨组件/角色职责流程（活动图变体） | ## 示例参考 本技能的 `examples/` 目录包含 13 个已完成的图表 HTML 文件，作为视觉样式和内容结构的参考模板。**生成任何图表前，必须先阅读对应的示例文件**，以确保风格一致、结构规范。 ### 示例文件清单 | 文件 | 图表类型 | 英文标识 | |------|---------|---------| | `examples/architecture.html` | 系统架构图 | architecture | | `examples/class.html` | 类图 | class | | `examples/object.html` | 对象图 | object | | `examples/component.html` | 组件图 | component | | `examples/deployment.html` | 部署图 | deployment | | `examples/flowchart.html` | 流程图 | flowcha...