mermaid-preview-mcp

基本能力

产品定位

mermaid-preview-mcp 是一个专门用于预览 Mermaid 图表的工具，旨在帮助开发者快速查看和调试 Mermaid 语法生成的图表。

核心功能

1. Mermaid 图表预览：支持实时预览 Mermaid 语法生成的图表。
2. 语法错误处理：能够检测并提示 Mermaid 语法中的错误。
3. GitHub 仓库可视化：支持从 GitHub 仓库中提取 Mermaid 图表并进行预览。

适用场景

1. 开发调试：开发者在编写 Mermaid 图表时，可以实时预览效果并快速定位语法错误。
2. 文档编写：在编写包含 Mermaid 图表的文档时，可以使用该工具确保图表的正确性。
3. GitHub 仓库管理：从 GitHub 仓库中提取 Mermaid 图表并进行可视化，方便团队协作和文档管理。

工具列表

1. Mermaid 图表预览工具：提供实时预览功能，支持语法高亮和错误提示。
2. GitHub 集成工具：支持从 GitHub 仓库中提取 Mermaid 图表并进行预览。

常见问题解答

1. 如何解决语法错误？：工具会实时提示语法错误，开发者可以根据提示进行修正。
2. 如何从 GitHub 仓库中提取图表？：提供 GitHub 仓库链接或文件路径，工具会自动提取并预览图表。

使用教程

使用依赖

1. 确保已安装 Node.js 和 npm。
2. 安装 Mermaid 依赖： bash npm install mermaid

安装教程

1. 克隆仓库： bash git clone https://github.com/example/mermaid-preview-mcp.git
2. 安装依赖： bash cd mermaid-preview-mcp npm install
3. 启动服务： bash npm start

调试方式

1. 启动服务后，打开浏览器访问 http://localhost:3000。
2. 在输入框中输入 Mermaid 语法，实时查看预览效果。
3. 如果出现语法错误，工具会实时提示错误信息。

许可证

None