Whiteboard MCP

Claude Code

Funciona con tus herramientas favoritas

En funcionamiento en 30 segundos

Requiere Node.js 18+ (para npx). La mayoría de los desarrolladores ya lo tienen.

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Reinicia tu editor y pruébalo

Tell Claude: "Open the whiteboard and draw me a dog sniffing flowers in the sunshine"

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Añádelo a la configuración MCP de VS Code

{
  "servers": {
    "whiteboard": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "context_servers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

opencode.json (raíz del proyecto) o ~/.config/opencode/opencode.json (global)

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "whiteboard-mcp": {
      "type": "local",
      "command": ["npx", "-y", "whiteboard-mcp"],
      "enabled": true
    }
  }
}

Nota: OpenCode usa "mcp" (no "mcpServers") y el comando es un array.

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "amp.mcpServers": {
    "whiteboard-mcp": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

Configuración > Servidores MCP > Editar MCP global (cline_mcp_settings.json)

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

{
  "mcpServers": {
    "whiteboard": {
      "command": "npx",
      "args": ["-y", "whiteboard-mcp"]
    }
  }
}

# Run the server directly
$ npx -y whiteboard-mcp

# Or add to your MCP client's config:
command: npx
args: ["-y", "whiteboard-mcp"]
transport: stdio

¿Necesitas ayuda? Escríbenos — te ayudaremos a configurarlo gratis.

Todo lo que tu IA necesita para dibujar

✎

Kit de dibujo completo

Rectángulos, elipses, diamantes, flechas, trazados a mano alzada, texto, imágenes. Todo lo que esperarías de una pizarra real.

◆

Diagramas con diseño automático

Define nodos y conexiones. Whiteboard MCP gestiona el diseño, el espaciado y el enrutado de flechas automáticamente.

☵

Diagramas de flujo con una sola llamada

Una única llamada a create_flowchart genera un diagrama completo a partir de una definición de grafo. Sin necesidad de ajustar píxeles.

📷

Captura de pantalla y exportación

Exporta como PNG, SVG o JSON. La IA puede tomar capturas de pantalla para verificar su trabajo antes de continuar.

⇄

Interactivo, no estático

Esto no es un generador de diagramas Mermaid. Es un lienzo en vivo con el que trabajas de ida y vuelta. Dibuja junto a la IA, arrastra elementos, pídele que modifique lo que dibujó. También incluye una barra de herramientas completa con herramientas de dibujo manual.

🔒

100% local

Todo se ejecuta en tu máquina. Sin nube, sin cuentas, sin que los datos salgan de tu sistema. Solo un servidor MCP local.

Precios simples

Compra una vez, es tuyo para siempre. Sin suscripciones.

Solo

$29

Pago único. Actualizaciones de por vida.

• Las más de 30 herramientas de dibujo y diagramas
• Diagramas de flujo y arquitectura con diseño automático
• Exportación a PNG, SVG, JSON
• Funciona con Claude Code, Cursor, VS Code y más
• Actualizaciones de por vida
• Comunidad privada de Discord de personas que crean cosas geniales con IA

Equipo

$99

Incluye 10 licencias. +$9 por asiento adicional.

• Las más de 30 herramientas de dibujo y diagramas
• Diagramas de flujo y arquitectura con diseño automático
• Exportación a PNG, SVG, JSON
• Funciona con Claude Code, Cursor, VS Code y más
• Actualizaciones de por vida
• Comunidad privada de Discord
• 10 claves de licencia para tu equipo
• Gestión de licencias en bloque
• Soporte de incorporación personal
• $9 por asiento adicional después de 10