Whimsical MCP Server

Whimsical MCP Server

Enables AI agents to create and edit Whimsical diagrams and documents, including flowcharts, mind maps, sequence diagrams, and wireframes, and to search and read workspace content.

Category
访问服务器

README

Whimsical MCP Server Guide

The Whimsical MCP server gives your AI coding agent a Whimsical workspace to work in. Ask it to create flowcharts, mind maps, wireframes, sequence diagrams, or sticky notes from your conversation. Iterate with follow-up prompts, open a board in Whimsical to edit and share it, or search your workspace for boards to reference.

For full documentation, see the Whimsical MCP docs.

Features

  • Create boards and diagrams. Generate flowcharts, mind maps, sequence diagrams, and wireframes from your AI agent.
  • Edit existing content. Modify boards, add or remove shapes, update text, and rearrange layouts.
  • Search your workspace. Find files by name or content.
  • Read board content. Extract structured data from existing boards for context.
  • Create and edit docs. Write and update Whimsical docs.

Installation & Setup

Cursor

  1. Open Cursor → Settings → Cursor Settings.
  2. Go to the MCP tab.
  3. Click + Add new global MCP server.
  4. Enter the following configuration and save:
{
  "mcpServers": {
    "whimsical": {
      "url": "https://mcp.whimsical.com/mcp"
    }
  }
}

For more information, see Cursor's official documentation.

Claude Code

Run the following command to add the Whimsical MCP server:

claude mcp add --transport http whimsical https://mcp.whimsical.com/mcp

Claude.ai

Connect directly from the Anthropic Connectors Directory.

ChatGPT (VS Code / Copilot)

  1. Use the shortcut ⌘ Shift P to search for MCP: Add Server.
  2. Select HTTP.
  3. Paste the server URL https://mcp.whimsical.com/mcp in the search bar. Then hit Enter.
  4. When you're prompted for a server ID, enter whimsical.
  5. Select whether you want to add this server globally or only for the current workspace.

Other editors

Any code editor or tool that supports Streamable HTTP can connect to the Whimsical MCP server using this configuration:

{
  "mcpServers": {
    "whimsical": {
      "url": "https://mcp.whimsical.com/mcp"
    }
  }
}

Authentication

The Whimsical MCP server uses OAuth 2.0. When you first connect, you'll be redirected to sign in with your Whimsical account and authorize access to your workspace.

Troubleshooting

  • OAuth doesn't open or fails. Run /mcp in Claude Code (or the equivalent reconnect action in your client) to reauthenticate. The browser will redirect back to your client once you've signed in to Whimsical.
  • Tools don't appear after install. Run /reload-plugins in Claude Code, or restart your editor in other clients.
  • 401 or "Missing Bearer token". Your OAuth session has expired. Reauthenticate via /mcp.
  • No Whimsical account. Create one at https://whimsical.com; the MCP server signs you in to your existing workspace via OAuth.

Examples

Create a flowchart from a description

Prompt: "Create a flowchart in Whimsical showing a user authentication flow: login page → validate credentials → if valid go to dashboard, if invalid show error and retry"

The agent creates a new board in your workspace with the complete flowchart, including decision nodes, connectors, and labels.

Generate a mind map for brainstorming

Prompt: "Create a mind map in Whimsical to brainstorm features for a mobile app, with branches for onboarding, core features, monetization, and growth"

The agent creates a mind map with the central topic and its branches.

Create a wireframe for a new feature

Prompt: "Create a wireframe in Whimsical for a settings page with a sidebar navigation, a profile section with avatar and form fields, and a danger zone at the bottom"

The agent creates a wireframe with the UI elements laid out to represent the page structure.

Create a technical architecture diagram

Prompt: "Create a technical diagram in Whimsical showing the architecture of my ACME project: a React frontend talks to an API gateway, which routes to auth, billing, and notification microservices, each with their own database"

The agent creates a board with labeled components, service boundaries, and connectors showing the data flow between systems.

Search and read existing boards

Prompt: "Search my Whimsical workspace for anything related to 'API design' and summarize what you find"

The agent searches your workspace, reads the matching boards, and summarizes them.

Support

  • Documentation: https://help.whimsical.com/integrations/remote-mcp
  • Report Issues: Contact Whimsical support at support@whimsical.com
  • Privacy Policy: https://whimsical.com/terms/privacy

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选