beautiful-mermaid 是把 Mermaid 图示渲染成 SVG 和 PNG 的 Skill。它先检查文字描述或图代码,再生成矢量图,按需要通过浏览器页面捕获栅格图片。
流程图、时序图和状态图表达不同关系,先选能回答问题的类型。括号、边标签和节点标识有误,可能导致渲染不全;语法正确也不证明图中的业务关系正确。
SVG 与 PNG 的检查点不同:前者看内容和布局,后者还看实际像素、裁切与阅读尺寸。四千像素级视口不保证每个复杂图都清楚,也不等于最终文件一定恰好是同样尺寸。
适合把图代码变成可分享的图示文件。本文未出图,浏览器依赖与完整语法资料未展开;目标流程计划交付两种格式,仍需确认文件真正生成,不能拿渲染命令当成品。