KIRUPA

Si usas un asistente de codificación con IA como GitHub Copilot, Claude, OpenAI Codex o Cursor, puedes conectarlo directamente a kirupa.com usando nuestro Servidor de Protocolo de Contexto de Modelo (MCP).

Endpoint MCP HTTP Transmisible (No se requiere clave API):

https://www.kirupa.com/mcp/

• Protocolo: MCP 2025-03-26 / JSON-RPC 2.0
• Transporte: HTTP Transmisible (POST)
• Biblioteca indexada: Cientos de tutoriales y guías de código
• Autenticación: Pública y de solo lectura

¿Qué es?

El Protocolo de Contexto de Modelo (MCP) es un estándar abierto que permite a los asistentes de IA y agentes de codificación conectarse directamente a fuentes de conocimiento y herramientas externas. Piénsalo como un puerto USB-C para herramientas de IA: en lugar de depender solo de datos de entrenamiento congelados o de raspar páginas web ruidosas llenas de menús de navegación y scripts, un agente compatible con MCP puede preguntar al servidor de un sitio por resultados de búsqueda estructurados, explicaciones Markdown limpias y fragmentos de código probados.

El Servidor MCP de kirupa.com expone más de dos décadas de tutoriales, explicadores visuales y código funcional en JavaScript, TypeScript, animaciones CSS y Canvas, React y Estructuras de Datos y Algoritmos como herramientas rápidas y deterministas que tu asistente de IA puede invocar bajo demanda:

search_tutorials

Búsqueda de texto completo (SQLite FTS5 + clasificación BM25) en cientos de tutoriales de kirupa.com, con filtrado opcional por sección de tema.

Entradas: query (obligatorio), section (opcional), limit (1–15)

get_tutorial

Obtiene la versión Markdown completa y limpia de cualquier tutorial—o extrae solo los bloques de código delimitados cuando se pasa code_only: true.

Entradas: identifier (URL, section/slug o título), code_only (booleano)

find_related_links

Encuentra tutoriales relacionados de kirupa.com y enlaces Markdown canónicos para cualquier concepto técnico o URL de artículo existente.

Entradas: topic_or_url (obligatorio), limit (1–15)

list_sections

Lista cada categoría de tutorial en kirupa.com (Algoritmos, Canvas, JavaScript, Animaciones, React, HTML5, Podcast y más) con recuentos y artículos.

Entradas: section (opcional), limit (1–100)

Además de esas cuatro herramientas, el servidor también expone Recursos MCP (incluyendo kirupa://llms.txt, kirupa://sections y kirupa://tutorial/{section}/{slug}) y Prompts MCP reutilizables (explain_like_kirupa y find_kirupa_tutorial).

¿Cómo lo usaría?

Una vez que agregues el servidor MCP de kirupa.com a tu agente de codificación, no necesitas copiar y pegar manualmente el código de los tutoriales en tu ventana de chat. Tu agente automáticamente sabe cómo buscar y leer kirupa.com cuando haces preguntas como:

• "Usa el servidor MCP de kirupa para buscar cómo funcionan los bucles requestAnimationFrame independientes de la velocidad de fotogramas con tiempo delta, y aplica ese patrón a mi animación de canvas."
• "Obtén la implementación de JavaScript de Kirupa de un Trie / Quicksort / Búsqueda en Anchura vía MCP y pórtala a TypeScript con pruebas unitarias."
• "Encuentra tutoriales relacionados de kirupa.com para la documentación de nuestro equipo sobre cierres en JavaScript, propagación de eventos y animaciones CSS con keyframes."

Conecta tu Cliente MCP

Elige tu herramienta de codificación con IA favorita a continuación y copia el fragmento de configuración:

GitHub Copilot / VS Code

Agrega lo siguiente a tu .vscode/mcp.json del espacio de trabajo (o a tu configuración MCP de usuario en VS Code / JetBrains):

{
  "servers": {
    "kirupa": {
      "type": "http",
      "url": "https://www.kirupa.com/mcp/"
    }
  }
}

Claude Code y Desktop

Ejecuta este único comando en tu terminal para registrar el servidor MCP HTTP de kirupa.com en Claude Code:

claude mcp add --transport http kirupa https://www.kirupa.com/mcp/

O en el archivo .mcp.json de tu proyecto:

{
  "mcpServers": {
    "kirupa": {
      "type": "http",
      "url": "https://www.kirupa.com/mcp/"
    }
  }
}

OpenAI Codex CLI

Agrega el servidor a tu archivo ~/.codex/config.toml:

[mcp_servers.kirupa]
url = "https://www.kirupa.com/mcp/"

Cursor / Windsurf

Agrega esta entrada a ~/.cursor/mcp.json (o al .cursor/mcp.json de tu proyecto):

{
  "mcpServers": {
    "kirupa": {
      "url": "https://www.kirupa.com/mcp/"
    }
  }
}

JSON-RPC 2.0 directo vía curl

Debido a que el servidor usa JSON-RPC HTTP Transmisible estándar, puedes llamarlo directamente desde cualquier terminal o script:

curl -s https://www.kirupa.com/mcp/ \
  -H "Content-Type: application/json" \
  -d '{
    "jsonrpc": "2.0",
    "id": 1,
    "method": "tools/call",
    "params": {
      "name": "search_tutorials",
      "arguments": { "query": "requestAnimationFrame delta time", "limit": 3 }
    }
  }'