Google PageRank for AI agents. 25,000+ tools indexed.

claude-mermaid MCP Server

veelenga/claude-mermaid

Score: 81.2 ↓ 4.6% Rank #1646 MCP Server
[![AgentRank](https://agentrank-ai.com/api/v1/badge/veelenga--claude-mermaid)](https://agentrank-ai.com/tool/veelenga--claude-mermaid/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
Are you the maintainer of veelenga/claude-mermaid? Claim this listing →

MCP Server to previewing mermaid diagrams with live reload

Add AgentRank to Claude Code Discover and compare tools like veelenga/claude-mermaid — your AI finds the right one automatically
Get API Access →
claude mcp add agentrank -- npx -y agentrank-mcp-server

Overview

veelenga/claude-mermaid is a TypeScript MCP server licensed under MIT. MCP Server to previewing mermaid diagrams with live reload Topics: claude-code, mcp-server.

Ranked #1646 out of 24846 indexed tools.

In the top 7% of all indexed tools.

Ecosystem

TypeScript MIT 394 npm/wk
claude-codemcp-server

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 217

217 stars → growing community

Freshness 25% 15d ago

Last commit 15d ago → recently updated

Issue Health 25% 78%

7/9 issues closed → decent issue management

Contributors 10% 8

8 contributors → small team

Dependents 25% 0

No dependents → no downstream usage

npm Downloads 13% 394/wk

394 weekly installs → early adoption

PyPI Downloads N/A
Forks 24
Description Good
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Dependents medium impact

No downstream dependents detected yet — adoption by other projects is the strongest trust signal

Badge all embed codes →

AgentRank score for veelenga/claude-mermaid
[![AgentRank](https://agentrank-ai.com/api/v1/badge/veelenga--claude-mermaid)](https://agentrank-ai.com/tool/veelenga--claude-mermaid/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/veelenga--claude-mermaid/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/veelenga--claude-mermaid" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="veelenga/claude-mermaid"></script>

Matched Queries

"mcp server""mcp-server"topic:mcp-server

From the README

# Claude Mermaid MCP Server

MCP server for rendering Mermaid diagrams in Claude Code with **live reload** functionality and a built-in skill for expert guidance.

Automatically renders diagrams in your browser with real-time updates as you refine them. Perfect for iterative diagram development and documentation workflows.

## ✨ Features

- 🔄 **Live Reload** - Diagrams auto-refresh in your browser as you edit
- 🎨 **Multiple Save Formats** - Export to SVG, PNG, or PDF
- 🌈 **Themes** - Choose from default, forest, dark, or neutral themes
- 📐 **Customizable** - Control dimensions, scale, and background colors
- 🪄 **Interactive Preview** - Pan diagrams by dragging, zoom with browser controls, reset position with one click
- ⬇️ **Browser Export** - Download diagrams as SVG or PNG directly from the preview
- 🗂️ **Multiple Previews** - Use `preview_id` to work on multiple diagrams simultaneously
- 💾 **Persistent Working Files** - Live previews are stored under `~/.config/claude-mermaid
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.