爻枢 Code

主题

画流程图与图表 ​

聊架构时随手出图、写文档时配上正式图——图表在对话里直接生成，点开能交互，还能导出图片嵌进文档。

两档出图，先分清 ​

对话速写图交付级专业图
怎么说「画个图看看这个调用流程」「出一张正式的架构图，要进设计文档的」
长什么样对话里直接渲染的流程图 / 时序图，边说边出独立图文件——带交互查看器，可缩放、深浅主题、一键导出 PNG / SVG
什么时候讨论中说明逻辑、对齐思路进文档、给团队 / 客户看、正式存档
能升级吗能——聊清楚了说「把它出成正式图」—
对话里的图表卡片：流程图直接渲染，可全屏查看

常见图型一句话 ​

图用途您说
流程图步骤与分支「画一下订单从下单到发货的流程图」
时序图谁调用谁、先后顺序「用户登录的时序图：前端、网关、认证服务怎么交互」
架构图系统由什么组成「把这套微服务的架构画出来」
ER 图数据库表关系「用户相关的表画张 ER 图」
状态图状态怎么流转「订单状态机的流转图」
数据图表柱状 / 折线 / 饼图「把近 30 天的请求量画成折线图」（数据给它或让它从日志取）

图的三个常用动作 ​

  1. 改：「把缓存那层挪到网关旁边」——它改的是图源，重新渲染，不是截图修补
  2. 全屏看：图表卡片点开全屏——缩放、拖动看细节
  3. 导出：「导出成 PNG」——插进文档、贴进 IM、放进 PPT 都行

图进文档 ​

写文档配图是最常见的组合（见让 AI 写文档）：

text
把支付模块的设计文档写好，流程图和时序图直接配上。

它出文 + 出图 + 嵌图一气呵成——交付的文档里图是配好的，不用您拼装。

画图前它会先对骨架 ​

复杂图不是听完就画——它先梳理骨架（角色、步骤、分支）列给您确认，对了再成图。这避免「图画得很漂亮、逻辑是错的」——图的价值在准确，不在好看。

编程场景的典型用法 ​

场景图的用处
接手老项目「把核心模块的调用关系画出来」——图比读码快十倍
方案讨论边聊边画——「照这个架构，如果流量翻倍哪里先崩？」
排查问题「把这次请求的完整链路画出来」——链路图上找断点
技术评审正式架构图 + 时序图进评审材料
数据汇报把系统指标画成趋势图进周报

常见卡点 ​

现象怎么办
图太挤看不清「太密了，按模块拆成两张」——分图比硬塞一张强
图里的逻辑不对指出来——「第 3 步之前还有个风控检查」，它改骨架重画
想要特定的图风格描述参照物：「像阿里云架构图那种画风」
mermaid 报错图不出来说「这张图渲染失败了」——它会修复语法重新出
图能手动微调吗交互图支持缩放浏览；要改内容还是对话里说——改图源才是真改

延伸阅读 ​