AdYour product here, seen by people installing AI tools every day

mermaid vs image

mermaid and image are both design skills. image scores higher (89 vs 45 out of 100). image has more GitHub stars (19k), and image was updated more recently (yesterday). The table compares them side by side.

mermaidimage
Score45 / 10089 / 100
What it doesWHAT — Mermaid diagrams from text (flowchart, sequence, class, state, ER, gantt, gitGraph) — Markdown-native, Git-native, MIT. Primary renderer for architecture pack; renders via GitHub native or mermaid CLI (mmdc) to SVG/PNG.Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.
PublisherCommunity: ulises-jeremiasCommunity: vercel-labs
GradesMaintenance A, Licence A, Quality CMaintenance A, Licence A, Quality A
npm downloads a weekNot on npmNot on npm
RunsSkillSkill
Works withClaude Code, Claude appsClaude Code, Claude apps
GitHub stars1918,773
Last commit19 Oct 202623 Oct 2026
LicenceMITApache-2.0
Listed since20 Oct 202623 Oct 2026
Install mermaidInstall image

Questions

Is mermaid or image more popular?

image has more GitHub stars: 18,773.

Can I use mermaid and image together?

Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.