# Whimsical图表生成器
## 基本信息
- Slug: `brockreece-whimsical-mcp-server`
- Source: modelscope
- Publisher: @BrockReece/whimsical-mcp-server
- Categories: developer-tools / image-and-video-processing
- Hosted: No
- License: Unknown
- Source URL: https://www.modelscope.cn/mcp/servers/@BrockReece/whimsical-mcp-server
## 简介
通过模型上下文协议，启用从AI模型（如Claude）生成的Mermaid标记创建Whimsical图表的程序化功能。
## 安装提示

```bash
npx -y @smithery/cli install BrockReece/whimsical-mcp-server --client claude
```

## MCP Server 详情

# Whimsical MCP 服务器
[![smithery 徽章](https://smithery.ai/badge/BrockReece/whimsical-mcp-server)](https://smithery.ai/server/BrockReece/whimsical-mcp-server)

一个 Model Context Protocol (MCP) 服务器，能够通过编程方式创建 Whimsical 图表。该服务器与 Whimsical 的 API 集成，从 Mermaid 标记生成图表。

## 演示

这是一个使用此 MCP 服务器和 Claude 创建的复杂系统架构图的例子 - 它展示了 Model Context Protocol (MCP) 架构本身：

![MCP 架构](./docs/mcp_demo.png)


## 特性

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

## 安装

### 通过 Smithery 安装

要通过 [Smithery](https://smithery.ai/server/BrockReece/whimsical-mcp-server) 自动为 Claude Desktop 安装 Whimsical MCP 服务器：

```bash
npx -y @smithery/cli install BrockReece/whimsical-mcp-server --client claude
```


### 手动安装
```bash
# 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 文件夹
例如：
```json
    {
        "mcpServers": {
            "whimsical": {
                "command": "node",
                "args": [
                    "/path/to/this/repo/whimsical-mcp-server/dist/index.js"
                ]
            }
        }
    }
```


## 许可证

本项目采用 MIT 许可证。