AgentIndex icon
AgentIndex
工具MCP 服务HOT分类热门最新选型清单对比指南
提交工具
工具MCP 服务HOT分类热门最新选型清单对比
首页/
视觉/多模态/
claude-mermaid
claude-mermaid logo

claude-mermaid

活跃·★ 218·MIT·更新于 2026-10-22

Claude Mermaid是一个MCP服务器,用于在Claude Code中渲染Mermaid图表,提供实时重载和内置的AI技能以获取专家指导。它通过在浏览器中自动更新预览来简化迭代图表开发,从而优化图表修改流程。

claude-mermaid 当前归类于 视觉/多模态,更适合按具体工作流、部署方式和团队场景来判断是否适配。从现有资料来看,它主要强调 实时重载:编辑时图表在浏览器中自动刷新。典型使用场景包括 通过实时反馈快速开发和优化Mermaid图表。页面记录的许可证为 MIT。当前 GitHub Stars 为 218。相关标签包括 Mermaid、图表绘制。

本文根据项目 README 和公开仓库数据整理,我们没有实际试用过该工具。

#Mermaid#图表绘制#实时重载#AI助手#MCP服务器
© 2026 AgentIndex.app|由十年 iOS 开发者构建。
按场景挑选关于我们联系我们广告合作隐私政策使用条款QYSGitHub请作者喝咖啡 ☕

按分类浏览

MCP 服务器代码助手工作流自动化RAG / 知识库多智能体浏览器自动化大模型基础设施开发者工具可观测性

与 Anthropic, OpenAI 或 Microsoft 无关。

指南
#代码编辑器插件
#可视化
$ 安装
$ git clone https://github.com/veelenga/claude-mermaid.git && cd claude-mermaid && npm install && npm run build && npm install -g .
↗ 访问官网★ GitHub
01

功能特性

01实时重载:编辑时图表在浏览器中自动刷新
02多种保存格式:导出为SVG、PNG或PDF
03内置技能:包含一个Claude技能,提供创建图表的最佳实践和专家指导
04交互式预览:通过拖动平移图表,使用浏览器控件缩放,一键重置位置
05多重预览:使用`preview_id`同时处理多个图表
02

为什么选择它

+实时重载:编辑时图表在浏览器中自动刷新
+多种保存格式:导出为SVG、PNG或PDF
+通过实时反馈快速开发和优化Mermaid图表
+覆盖 7 个兼容平台或环境。
03

权衡点

!最终选型仍建议与同类工具做并排比较,而不是单看单页信息。
04

兼容性

Claude Code
集成开发环境
已通过文档验证
Codex
MCP客户端
已通过文档验证
Cursor
MCP客户端
已通过文档验证
VSCode (with Cline Extension)
MCP客户端
已通过文档验证
Windsurf
MCP客户端
已通过文档验证
Gemini CLI
MCP客户端
已通过文档验证
05

快速开始

1
$ git clone https://github.com/veelenga/claude-mermaid.git
2
$ cd claude-mermaid
3
$ npm install
4
$ npm run build
5
$ npm install -g .
06

使用场景

↳通过实时反馈快速开发和优化Mermaid图表
↳将Mermaid图表绘制直接集成到Claude Code的工作流程中
↳生成并导出多种格式(SVG、PNG、PDF)的图表用于文档
↳利用AI指导获取图表创建的最佳实践
07

同类工具

⚡热门对决:
VSGopeak-godot-mcp★269→VSksail★164→VSoctomind★176→

评论

登录后发表评论

暂无评论,来发表第一条吧

本页内容
01功能特性02为什么选择它03权衡点04兼容性05快速开始06使用场景
VS
ComfyUI-Copilot
★5.6k
→
Gopeak-godot-mcp logo
Gopeak-godot-mcp★ 269
GoPeak 是一个用于 Godot 引擎的 MCP 服务器,它允许 AI 助手端到端地运行、检查、修改和调试真实项目。
VS对比→
ksail logo
ksail★ 164
KSail是一个将常用Kubernetes工具捆绑到一个单一二进制文件中的工具,用于创建集群、部署工作负载和操作云原生堆栈。
VS对比→
octomind logo
octomind★ 176
Octomind是一个会话优先的AI开发助手,通过自然语言对话与代码库交互,提供多提供商AI支持和成本优化功能。
VS对比→
ComfyUI-Copilot logo
ComfyUI-Copilot★ 5.6k
ComfyUI-Copilot 是一个基于 ComfyUI 的智能 AIGC 助手,提供全面的工作流开发、调试和优化支持。
VS对比→
blenderwright logo
blenderwright★ 175
blenderwright 是一个直观高效的 Blender MCP 服务器,允许用户通过 Claude 等 AI 助手,以自然语言完全控制 Blender 进行 3D 建模、场景设置、动画制作和渲染等操作。
VS对比→
mcp-video logo
mcp-video★ 218
面向AI代理的视频编辑MCP服务器。
VS对比→
immich-photo-manager logo
immich-photo-manager★ 59
基于MCP协议的智能照片管理服务器,让AI助手直接管理您的自托管Immich照片库。
VS对比→
mcp-dashboards logo
mcp-dashboards★ 52
MCP Dashboards 让AI能在对话中直接渲染交互式图表和仪表盘,无需离开聊天窗口。
VS对比→
查看全部替代品 →
07
同类工具
veelenga /
claude-mermaid
↗

一个MCP服务器,用于在Claude Code中渲染Mermaid图表,提供实时重载功能和内置的专家指导技能。

218MIT
最后更新1天前
状态活跃
分类视觉/多模态
链接
文档↗讨论↗问题↗版本↗
推荐云部署
Ad

在 DigitalOcean 上一键部署

为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。

立即领取 $200 免费额度