mcpField
W
Whimsical MCP Server

Whimsical MCP Server

本地服务
github.com/BrockReece媒体与设计4628 周前更新
代码仓库

关于 Whimsical MCP Server

这是一个第三方 MCP 服务，可根据 MCP 客户端生成的 Mermaid 标记，通过 Whimsical API 创建图表。适合需要在 Claude、Windsurf 等客户端中直接生成图表的用户。

主要功能

  1. 01根据 Mermaid 标记创建 Whimsical 图表
  2. 02返回图表 URL 与 base64 编码图像
  3. 03便于客户端基于原始标记迭代修改

适用场景

  1. 01在对话中将系统架构描述转换为图表
  2. 02生成图表后检查图像并继续修改标记

MCP 相关

该项目是一个 MCP 服务，向 MCP 客户端暴露创建 Whimsical 图表的能力，客户端通过 Mermaid 标记调用它。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "whimsical": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli"
      ]
    }
  }
}
启动命令npx -y @smithery/cli

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npm@smithery/cli

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

Whimsical MCP 服务

Whimsical 现在提供官方 MCP 服务，点击此处了解详情。

这是一个第三方模型上下文协议（MCP）服务，可通过 Agent 方式创建 Whimsical 图表。此服务与 Whimsical 的 API 集成，可根据 Mermaid 标记生成图表。

演示

以下是使用此 MCP 服务和 Claude 创建的复杂系统架构图示例，展示了模型上下文协议（MCP）架构本身：

MCP 架构

功能

  • 使用 MCP 客户端（Claude、Windsurf 等）生成的 Mermaid 标记创建 Whimsical 图表
  • 返回 Whimsical 图表 URL 和 Base64 编码的图像，以便客户端基于原始标记进行迭代

安装

通过 Smithery 安装

通过 Smithery 为 Claude Desktop 自动安装 Whimsical MCP 服务：

npx -y @smithery/cli install BrockReece/whimsical-mcp-server --client claude
手动安装
# Clone the repository
git clone https://github.com/BrockReece/whimsical-mcp-server.git

# Install dependencies
yarn install

# Build the project
yarn build
与 MCP 客户端集成

更新 MCP 客户端的配置，使其指向此仓库的 dist 文件夹 例如：

    {
        "mcpServers": {
            "whimsical": {
                "command": "node",
                "args": [
                    "/path/to/this/repo/whimsical-mcp-server/dist/index.js"
                ]
            }
        }
    }

许可证

本项目采用 MIT 许可证。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。