入馆:2026 年 10 月 14 日
Pretty Mermaid
把 Mermaid 图表代码变成带主题配色的 SVG、PNG 和终端字符图,本地渲染,不用浏览器。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- imxv
它是什么
Pretty Mermaid 是 GitHub 用户 imxv 开源的 Skill,建立在开源库 beautiful-mermaid 之上。Mermaid 是一种用文字写图表的语法。你可以把现成的 Mermaid 代码或 .mmd 文件交给 AI,也可以只用文字描述流程和关系,让它先写出 Mermaid 源码,再用自带的 Node.js 命令行工具渲染:SVG 适合放进文档和网页,PNG 适合发到聊天里,ASCII 或 Unicode 字符图能直接在终端里看。它支持流程图、时序图、状态图、类图、实体关系图(ER diagram)和 XY 图表六种,内置 15 套主题,也可以自己指定颜色,整个文件夹的图可以批量并行渲染。SKILL.md 要求渲染完检查文件不是空的,看清标签有没有被裁掉或挤在一起,遇到不支持的语法要说出来,不能悄悄丢掉。它特别的地方在于 PNG 也直接在 Node.js 里生成,不用装 Chromium、Puppeteer 这类浏览器组件;README 还写明支持中日韩文字的状态名和多行标签。
适合谁:要给文档、工作汇报、课件或代码说明配流程图、架构图的人。需要会用 Claude Code、Codex 这类能运行命令的 AI 工具。
使用前提:用 npx skills add imxv/pretty-mermaid-skills@pretty-mermaid -g -y 安装,需要 Node.js 16 以上。README 列出的工具有 Claude Code、Cursor、Codex、Gemini CLI、Antigravity、OpenCode 和 qoder。第一次运行渲染、批量渲染或主题列表脚本时,如果缺依赖,脚本会自动在 Skill 目录里执行 npm install,联网下载 beautiful-mermaid 和 @resvg/resvg-js 两个包;之后的渲染都在本地完成,不需要账号或 API key。只支持上面六种图,Mermaid 的其他图类不在支持范围内。图里的数字和关系来自你给的内容,XY 图表请用真实数据。许可证是 MIT。
以上根据项目公开说明整理,本站没有实际测试。