🔥 会员专享文生文其它

智能图表生成助手

👁️ 327 次查看

📅 Oct 10, 2025

💡 核心价值： 本提示词专为图表设计与技术文档编写场景设计，能够将复杂的业务流程、系统架构和操作步骤转化为专业的Mermaid图表。通过智能分析用户需求，自动生成符合Mermaid语法的图表代码，支持流程图、序列图、类图等多种图表类型。具备深度理解业务逻辑的能力，能够识别关键节点和关系链，确保生成的图表结构清晰、逻辑严谨。适用于技术文档编写、系统设计、流程优化等多种场景，帮助用户快速创建专业级可视化图表，提升工作效率和沟通效果。

终身会员免费复制

🎯 可自定义参数（3个）

图表需求

图表的具体需求描述，包括要展示的业务流程、系统组件或操作步骤

图表类型

需要生成的图表类型，如流程图、序列图、类图、甘特图等

样式偏好

图表的样式偏好设置，如颜色主题、节点形状、连线样式等

🎨 效果示例

%%{init: {'theme':'neutral','flowchart':{'curve':'step'},'themeVariables':{'primaryColor':'#E6F0FF','secondaryColor':'#EBF8FF','tertiaryColor':'#F0F7FF','background':'#FFFFFF','textColor':'#1A365D','lineColor':'#2B6CB0','primaryBorderColor':'#2B6CB0'}}}%%
flowchart TB
    T[触发提交<br/>输入：代码/文档变更<br/>输出：构建触发<br/>角色：开发]
    B[CI构建<br/>输入：源码/文档源<br/>输出：构建产物<br/>角色：开发]
    S[安全扫描（新增）<br/>输入：构建产物<br/>输出：安全报告/通过标记<br/>角色：开发]
    G[生成HTML<br/>输入：文档源<br/>输出：HTML包<br/>角色：文档工程师]
    Q[质量检查<br/>输入：HTML包<br/>输出：质量报告/通过标记<br/>角色：文档工程师]
    V[版本标记<br/>输入：通过标记<br/>输出：版本标签<br/>角色：文档工程师]
    P[发布到知识库<br/>输入：版本标签 + HTML包<br/>输出：已发布文档<br/>角色：文档工程师]

    FixBuild[修复构建问题<br/>角色：开发]
    FixSec[修复安全问题<br/>角色：开发]
    FixGen[修复生成问题<br/>角色：文档工程师]
    FixQual[修复质量问题<br/>角色：文档工程师]
    FixTag[修复版本标记<br/>角色：文档工程师]
    Rollback[回滚并修复发布<br/>角色：文档工程师]

    T -->|成功| B
    B -->|成功| S
    S -->|成功| G
    G -->|成功| Q
    Q -->|成功| V
    V -->|成功| P

    B -->|失败| FixBuild
    FixBuild --> T

    S -->|失败| FixSec
    FixSec --> T

    G -->|失败| FixGen
    FixGen --> T

    Q -->|失败| FixQual
    FixQual --> T

    V -->|失败| FixTag
    FixTag --> T

    P -->|失败| Rollback
    Rollback --> T

    classDef roleDev fill:#E6F0FF,stroke:#2B6CB0,stroke-width:1px,color:#1A365D;
    classDef roleDoc fill:#F0F7FF,stroke:#2B6CB0,stroke-width:1px,color:#1A365D;

    class T,B,FixBuild,FixSec roleDev;
    class G,Q,V,P,FixGen,FixQual,FixTag,Rollback roleDoc;

    style S stroke:#F97316,stroke-width:2px,stroke-dasharray:5 3,fill:#FFF7ED,color:#7C2D12;

    linkStyle 0 stroke:#2B6CB0,stroke-width:3px;
    linkStyle 1 stroke:#2B6CB0,stroke-width:3px;
    linkStyle 2 stroke:#2B6CB0,stroke-width:3px;
    linkStyle 3 stroke:#2B6CB0,stroke-width:3px;
    linkStyle 4 stroke:#2B6CB0,stroke-width:3px;
    linkStyle 5 stroke:#2B6CB0,stroke-width:3px;

图表说明：展示从提交触发到发布的完整文档构建与发布流程，标注每步输入/输出与角色，关键成功路径加粗，新增“安全扫描”以橙色虚线突出且位于构建之后，直角连线提高可读性。

适用场景：技术文档流水线设计评审、CI/CD流程说明、合规与质量管控流程培训、团队协作与职责划分展示。

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  subgraph lane1["用户"]
    u_open([打开App [入口][触点]])
    u_inputPhone([输入手机号 [触点]])
    u_inputCode([输入验证码 [触点]])
  end

  subgraph lane2["App"]
    app_launch([启动应用])
    app_reqCode([获取验证码请求])
    app_check([提交验证码进行校验])
    app_verify([验证成功])
    app_home([进入首页 [出口]])
    app_prompt_expire([提示：验证码已过期])
    app_prompt_timeout([提示：网络超时，请重试])
    app_prompt_unreg([提示：账号未注册])
  end

  subgraph lane3["短信服务"]
    sms_send([发送短信验证码])
    sms_validate([校验验证码])
  end

  subgraph lane4["用户中心"]
    uc_check([检查账号注册状态])
  end

  %% 主路径
  u_open --> app_launch
  app_launch --> u_inputPhone
  u_inputPhone --> app_reqCode
  app_reqCode -->|依赖：短信API| sms_send
  sms_send -->|验证码下发| u_inputCode
  u_inputCode --> app_check
  app_check -->|依赖：短信API| sms_validate
  sms_validate --> app_verify
  app_verify -->|依赖：用户中心API| uc_check
  uc_check --> app_home

  %% 异常分支（红色虚线）
  sms_validate -.->|验证码过期| app_prompt_expire
  app_prompt_expire -.-> app_reqCode

  app_reqCode -.->|网络超时| app_prompt_timeout
  app_prompt_timeout -.-> app_reqCode

  app_check -.->|网络超时| app_prompt_timeout
  app_prompt_timeout -.-> app_check

  uc_check -.->|账号未注册| app_prompt_unreg
  app_prompt_unreg -.-> u_inputPhone

  %% 将异常分支连线设为红色虚线
  linkStyle 10 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 11 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 12 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 13 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 14 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 15 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 16 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49
  linkStyle 17 stroke:#d73a49,stroke-width:2px,stroke-dasharray:5 5,color:#d73a49

%%{init: {"theme":"dark","themeCSS":".note{fill:#FFF3CD;stroke:#FFC107;color:#111;font-weight:600}.actor{stroke:#CFCFCF}.messageLine{stroke:#D9D9D9}.messageText{fill:#EAEAEA}"}}%%
sequenceDiagram
title 支付流程（同步/异步、超时与重试、重复回调去重与幂等）

participant C as 客户端
participant G as API网关
participant O as 订单服务
participant P as 支付聚合
participant T as 第三方渠道

C->>G: 创建订单【同步】
activate G
G->>O: 创建订单【同步】
activate O
O-->>G: 订单已创建【异步】
deactivate O
G-->>C: 返回订单ID/状态【异步】
deactivate G

C->>G: 预下单【同步】
activate G
G->>O: 校验并锁定订单【同步】
activate O
O->>P: 预下单请求【同步】
activate P
P-->>T: 预下单【异步】
activate T
Note right of T: ⚠️ 第三方网络不稳定，可能超时
T-->>P: 预下单响应【异步】
deactivate T
P-->>O: 返回支付参数【异步】
deactivate P
O-->>G: 返回预下单参数【异步】
deactivate O
G-->>C: 下发前端支付参数【异步】
deactivate G

C-->>G: 支付请求【异步】
activate G
G->>P: 幂等键校验（Idempotency-Key）【同步】
activate P
Note over G,P: 使用幂等键确保支付请求幂等与去重
P->>T: 发起支付【同步】
activate T
alt 第三方响应超时
    T-->>P: 无响应/超时【异步】
    Note right of P: ⚠️ 启动重试（指数回退，最大3次）
    loop 重试最多3次
        P-->>T: 重试请求【异步】
        T-->>P: 响应/受理结果【异步】
    end
else 成功受理
    T-->>P: 支付受理/结果【异步】
end
deactivate T
P-->>G: 支付中/已受理【异步】
deactivate P
G-->>C: 显示支付中【异步】
deactivate G

T-->>P: 回调通知【异步】
activate P
Note right of P: 回调去重：基于 orderId+channel+nonce\n幂等校验：幂等键与回调流水
alt 首次回调
    P->>O: 更新订单状态【同步】
    activate O
    O-->>P: 状态已更新【异步】
    deactivate O
else 重复回调
    Note right of P: ⚠️ 去重拦截，记录回调流水，拒绝重复处理
end
P-->>T: 回调确认【异步】
P-->>G: 结果确认【异步】
G-->>C: 显示支付结果【异步】
deactivate P