先实践,再收录

我们先用 Skill,再推荐给你。

社区反馈帮我们发现候选,源码审查与真实渲染决定它是否留下。

curation-loop.mmdrender · review · refine
5
个实测收录
4
个自有 Skill 逐项验收
1
个社区精选

本轮数据核验于 2026 年 8 月 28 日。热度用于发现候选,不作为收录结论。

按来源分开,按价值收录

我们沉淀的可复用工作流放在一组,独立维护的社区精选放在另一组。

从 Mermaid2Img 与真实技术内容发布经验中沉淀出 4 个职责清晰的 Skill,并逐个完成前向测试。

Mermaid2Img 实践需求生成图 · 已渲染
mermaid2img/mermaid-skills

mermaid-diagram-builder

手里只有需求、文章或代码,还没有 Mermaid 图时,用它从零生成第一版。

它会怎么做
它会先选择合适的图表类型,再提取材料中真实存在的节点和关系;缺失的信息会标为问题,不会擅自补全。
我们怎么验收
我们输入了一段带正常与 Token 过期分支的密码重置需求;结果没有虚构基础设施,并成功渲染。
安装路径
npx skills add mermaid2img/mermaid-skills --skill mermaid-diagram-builder
源码路径
skills/mermaid-diagram-builder/SKILL.md
Mermaid2Img 实践边界与失败路径 · 已审查
mermaid2img/mermaid-skills

mermaid-architecture-review

需要看清系统如何运转,以及权限或风险在哪里时,用它画架构审查图。

它会怎么做
它会标出系统边界、数据归属、工具读写、人工批准、正常路径和失败路径,并区分已确认事实与推测。
我们怎么验收
我们用它检查了本地编辑到导出的链路,保留解析失败回路,并把远程发布放在明确的授权边界之外。
安装路径
npx skills add mermaid2img/mermaid-skills --skill mermaid-architecture-review
源码路径
skills/mermaid-architecture-review/SKILL.md
Mermaid2Img 实践移动端前后图 · 已对比
mermaid2img/mermaid-skills

mermaid-preview-refinement

Mermaid 已经能渲染,但图太宽、太挤或在目标屏幕上看不清时,用它优化。

它会怎么做
它会先查看真实预览,再调整方向、标签、分组或拆图;不会一上来靠缩小字体和增加颜色掩盖结构问题。
我们怎么验收
在 390px 视口,我们把不可读的横向长条改成三阶段纵向流程,同时保留了接受与拒绝两条结果。
安装路径
npx skills add mermaid2img/mermaid-skills --skill mermaid-preview-refinement
源码路径
skills/mermaid-preview-refinement/SKILL.md
Mermaid2Img 实践跨平台交付 · 已实践
mermaid2img/mermaid-skills

mermaid-publishing

图已经画好,需要放进文档、文章、PPT 或印刷材料时,用它准备最终交付。

它会怎么做
它会根据目标平台选择 Mermaid 源码、SVG、PNG 或 PDF,并检查版本兼容、清晰度、背景和源码与导出物是否同步。
我们怎么验收
在一次移动文章场景中,我们用 390px 视口检查成图、核对源码与资源版本,并完成了本地 2x PNG 导出。
安装路径
npx skills add mermaid2img/mermaid-skills --skill mermaid-publishing
源码路径
skills/mermaid-publishing/SKILL.md

一个候选怎样被收录

先找真实需求,再检查它会做什么,最后拿一个实际图表来验证结果。

社区真实需求

讨论、Issue 与实践反馈需要指向一个真实存在的问题,而不只是点赞数量。

源码完整可查

说明、引用文件、依赖与所有可执行行为都必须能够检查。

先做隔离试用

社区 Skill 先安装到临时目录,确认内容完整且没有意外副作用。

必须看渲染结果

视觉类 Skill 需要在目标屏幕上预览,不能只看 Mermaid 语法是否通过。

这次没有收录的热门候选

未收录不等于项目不好,只表示当前发布包还没有达到这个 Hub 的安装与实用标准。

design-doc-mermaid

安装量很高,但下载后的 Skill 引用了包内不存在的脚本和目录。

beautiful-mermaid

渲染能力有潜力,但辅助脚本会在执行时自动安装依赖,需要更清晰的授权边界。

语法正确,不代表图就好读。

在真实屏幕上渲染,先解决最大的结构问题,然后再比较一次。

去编辑器实践