Servidores MCP de ejemplo

Los servidores de las lecciones del curso, publicados para que los conectes a Claude, ChatGPT, VS Code o Claude Code y los pruebes sin instalar nada.

Reglas de esta demo: no hace falta cuenta ni token; los datos son ficticios (Nortia Logística, la empresa del curso); nada se guarda entre llamadas ni afecta a otras personas; hablan las versiones 2026-07-28 y 2025-11-25 del protocolo por Streamable HTTP; hay un límite de peticiones por minuto. Para ver el código, sigue el enlace a cada lección.

Básico 9

nortia-pedidos

El servidor de pedidos de Nortia Logística escrito con el SDK oficial de TypeScript: una tool, dos resources y un prompt.

Dirección https://ejemplos.desarrollomcp.com/nortia-pedidos/mcp

Lo explica la lección Básico 9: Servidor en TypeScript.

Tools

buscar_pedido: Estado, almacén, transportista y fecha prevista de un pedido a partir de su identificador PED-AAAA-NNNNNN.

Resource pedidos://catalogo/estados: qué significa cada estado de envío.
Plantilla de resource pedidos://pedido/{pedidoId}: la ficha de un pedido.
Prompt respuesta_retraso: borrador de respuesta a un cliente por un retraso.

El servidor atiende al inquilino de España (es). Un pedido de México responde igual que uno inexistente, como enseña la lección.

Pruébalo

¿Cómo va el pedido PED-2026-004812?
¿Y el PED-2026-004797? Redacta una respuesta al cliente por el retraso.
Busca el PED-2026-003120 (es de México: aquí responde que no existe).

Conéctalo

Claude (web y escritorio)

Personalización → Conectores → Añadir → Añadir conector personalizado. Pega la dirección y no elijas autenticación: no hace falta cuenta.

ChatGPT

Con el modo desarrollador activado, en Complementos: Añadir → Añadir servidor MCP personalizado. Pega la dirección y elige Sin autenticación.

Claude Code

claude mcp add --transport http nortia-pedidos https://ejemplos.desarrollomcp.com/nortia-pedidos/mcp

VS Code

En .vscode/mcp.json (o con «MCP: Add Server» en la paleta de comandos):

{
  "servers": {
    "nortia-pedidos": {
      "type": "http",
      "url": "https://ejemplos.desarrollomcp.com/nortia-pedidos/mcp"
    }
  }
}

Avanzado 9

Panel de entregas (MCP App)

nortia-pedidos con su panel de entregas: una vista ui:// que lista pedidos, enseña los huecos de reparto y reprograma con confirmación.

Dirección https://ejemplos.desarrollomcp.com/panel-entregas/mcp

Lo explica la lección Avanzado 9: Construir una MCP App completa.

Tools

buscar_pedido: La ficha de un pedido. Una tool normal, sin vista.
listar_pedidos: Pedidos filtrados por estado y almacén. Abre el panel de entregas.
crear_incidencia_entrega: Abre una incidencia de entrega. Solo la llama el modelo. solo el modelo · demo: no se guarda
huecos_entrega: Huecos de reparto libres de un pedido. Solo la llama la vista. solo la vista
reprogramar_entrega: Mueve la entrega a otro hueco, tras confirmarlo en la vista. Solo la llama la vista. solo la vista · demo: no se guarda

Resource ui://nortia-pedidos/panel-entregas.html: la vista, un solo HTML con su CSP cerrada.

Sin cuenta: actúas siempre como una persona de tráfico del almacén MAD-01. Puede reprogramar las entregas de MAD-01; en BCN-02 el servidor responde sin_permiso. Así se ve que la autorización está en el servidor, no en la vista.

Nada se guarda: reprogramar y crear una incidencia responden como si se hubieran hecho, con un aviso, y la siguiente llamada vuelve a los datos de partida. No afecta a nadie más.

La vista solo se pinta en clientes con MCP Apps; los demás reciben los mismos datos en texto.

Pruébalo

Enséñame los pedidos con incidencia de MAD-01.
En el panel, elige un pedido, un hueco y confirma: la reprogramación funciona.
Ahora los de BCN-02: al reprogramar, el servidor responde sin_permiso.

Conéctalo

Claude (web y escritorio)

Personalización → Conectores → Añadir → Añadir conector personalizado. Pega la dirección y no elijas autenticación: no hace falta cuenta.

ChatGPT

Con el modo desarrollador activado, en Complementos: Añadir → Añadir servidor MCP personalizado. Pega la dirección y elige Sin autenticación.

Claude Code

claude mcp add --transport http panel-entregas https://ejemplos.desarrollomcp.com/panel-entregas/mcp

VS Code

En .vscode/mcp.json (o con «MCP: Add Server» en la paleta de comandos):

{
  "servers": {
    "panel-entregas": {
      "type": "http",
      "url": "https://ejemplos.desarrollomcp.com/panel-entregas/mcp"
    }
  }
}

Básico 16

Portal de Nortia con WebMCP

Una página que registra herramientas con document.modelContext.registerTool para un agente del navegador. No es un servidor MCP: las herramientas existen mientras la pestaña está abierta.

Página https://ejemplos.desarrollomcp.com/portal

Lo explica la lección Básico 16: WebMCP: tu web como herramienta.

Herramientas: calcular_tarifa, buscar_envio, ver_factura, preparar_incidencia_entrega, preparar_cambio_direccion. Necesitas un agente de navegador con WebMCP: en tu máquina, Chrome con chrome://flags/#enable-webmcp-testing y la extensión Model Context Tool Inspector, o ChatGPT Desktop con «Site tools». Sin él, la página funciona igual, sin herramientas.