导出流程图用这Skill看成图

将Mermaid图表渲染成SVG和PNG格式图片。

beautiful-mermaid 是把 Mermaid 图示渲染成 SVG 和 PNG 的 Skill。它先检查文字描述或图代码,再生成矢量图,按需要通过浏览器页面捕获栅格图片。

流程图、时序图和状态图表达不同关系,先选能回答问题的类型。括号、边标签和节点标识有误,可能导致渲染不全;语法正确也不证明图中的业务关系正确。

SVG 与 PNG 的检查点不同:前者看内容和布局,后者还看实际像素、裁切与阅读尺寸。四千像素级视口不保证每个复杂图都清楚,也不等于最终文件一定恰好是同样尺寸。

适合把图代码变成可分享的图示文件。本文未出图,浏览器依赖与完整语法资料未展开;目标流程计划交付两种格式,仍需确认文件真正生成,不能拿渲染命令当成品。

分类:编程开发

来源仓库:intellectronica/agent-skills

适合用来做什么

  • 请将这个Mermaid图表渲染成SVG格式。
  • 将Mermaid代码转换为PNG图片并下载。

安装 beautiful-mermaid

npx skills add https://www.iskills.cc/skills/intellectronica/agent-skills/beautiful-mermaid/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 beautiful-mermaid 的用途与原始说明

浏览全部 Skill 指南