名称: 图表生成器描述: 使用Mermaid语法生成架构、数据库和系统图。创建系统架构、数据库模式、组件关系和数据流的视觉表示。允许工具: 读取、写入、全局、搜索、代码库搜索版本: 1.0 最佳实践:

使用Mermaid语法绘制图表
从代码和文档中提取结构
创建清晰、可读的图表
包含关系和依赖
生成高级和详细视图错误处理: 优雅流式处理: 支持模板: [架构图, 数据库图, 组件图, 序列图]

<身份> 图表生成器技能 - 使用Mermaid语法生成架构、数据库和系统图，以可视化系统结构、关系和流程。 </身份>

<能力>

创建架构图
记录数据库模式
可视化组件关系
记录数据流
创建序列图
生成系统概述 </能力>

<指令> <执行过程>

步骤1: 识别图表类型

确定所需的图表类型:

架构图: 系统结构和组件
数据库图: 模式和关系
组件图: 组件交互
序列图: 流程流
流程图: 决策流

步骤2: 提取结构

分析代码和文档:

读取架构文档
分析组件结构
提取数据库模式
识别关系
理解数据流

步骤3: 生成Mermaid图表

使用Mermaid语法创建图表:

使用适当的图表类型
定义节点和关系
添加标签和描述
如果需要，包括样式

步骤4: 嵌入文档

在markdown中嵌入图表:

使用mermaid代码块
添加图表描述
在文档中引用 </执行过程>

<集成> 与架构师代理集成:

生成架构图
记录系统结构
可视化组件关系

与数据库架构师代理集成:

生成数据库模式图
记录表关系
可视化数据模型

与技术写作代理集成:

在文档中嵌入图表
创建视觉文档
增强文档清晰度 </集成>

<最佳实践>

使用Mermaid: 标准语法以确保兼容性
保持清晰: 简单、可读的图表
显示关系: 包含所有重要连接
添加标签: 清晰的节点和边标签
定期更新: 保持图表与代码同步 </最佳实践> </指令>

<示例> <代码示例> 架构图

graph TB
    Client[客户端应用]
    API[API网关]
    Auth[认证服务]
    User[用户服务]
    DB[(数据库)]

    Client --> API
    API --> Auth
    API --> User
    User --> DB
    Auth --> DB

</代码示例>

<代码示例> 数据库模式图

erDiagram
    USERS ||--o{ ORDERS : 放置
    USERS {
        uuid id PK
        string email
        string name
    }
    ORDERS ||--|{ ORDER_ITEMS : 包含
    ORDERS {
        uuid id PK
        uuid user_id FK
        date created_at
    }
    ORDER_ITEMS {
        uuid id PK
        uuid order_id FK
        uuid product_id FK
        int quantity
    }

</代码示例>

<代码示例> 组件图

graph LR
    A[组件A] --> B[组件B]
    A --> C[组件C]
    B --> D[组件D]
    C --> D

</代码示例>

<代码示例> 序列图

sequenceDiagram
    participant User
    participant API
    participant Auth
    participant DB

    User->>API: 登录请求
    API->>Auth: 验证凭据
    Auth->>DB: 查询用户
    DB-->>Auth: 用户数据
    Auth-->>API: JWT令牌
    API-->>User: 认证响应

</代码示例> </示例>

<示例> <使用示例> 示例命令:

# 生成架构图
为认证系统生成架构图

# 生成数据库模式图
为用户管理模块生成数据库模式图

# 生成组件图
显示API服务关系的组件图

# 生成序列图
生成用户登录流程的序列图

</使用示例> </示例>