跳到主要内容
AI灵感世界
AI 应用AI SkillsAI 游戏AI 短剧

⌕
EN|中文
EN
AI 应用AI SkillsAI 游戏AI 短剧
首页/AI Skills/Pretty Mermaid
AI Skills · 设计Pretty Mermaid

入馆: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。

以上根据项目公开说明整理,本站没有实际测试。

来源

https://github.com/imxv/Pretty-mermaid-skills ↗

代码仓库 ↗

了解排行方法 →
AI灵感世界标志:aiw. picked by humansAI灵感世界标志:aiw. picked by humansAI灵感世界

每天翻一翻,AI 的新鲜事都在这儿

每日更新 · 最近上新:2026 年 10 月 14 日

网站版本:2026 年 10 月 11 日

关于·排行方法·信任与安全·@AIInspoWorld