0:0013:39

Recursos

Resumen

Si trabajas con un agente de codificación como Claude Code, instalar servidores MCP es lo que convierte un asistente genérico en una herramienta que entiende tu contexto real. Aquí aprenderás a conectar tres servidores MCP (Playwright, Notion y Linear) para armar un flujo de trabajo profesional como desarrollador, sin salir de la terminal.

Lo más importante cuando trabajas con un agente de codificación es el contexto. Y ahí entra el protagonista de esta historia.

¿Qué es el MCP y por qué importa tanto el contexto?

El equipo de Anthropic desarrolló el MCP, el protocolo de contexto para modelos. En palabras simples, es la forma estándar de proveerle a un modelo contexto y capacidades extendidas más allá de aquello para lo que fue fabricado [00:05].

¿Qué es el MCP? Es el protocolo de contexto para modelos creado por Anthropic. Sirve para darle a un modelo de lenguaje información y capacidades nuevas de forma estándar, como navegar sitios web o leer documentación externa.

Un detalle clave que se repite durante toda la clase: un servidor MCP se compone de tres cosas importantes, tools, resources y prompts [04:30]. Cuando el modelo necesita ejecutar una acción, te pide permiso para usar una tool específica, por ejemplo navegar a una URL.

¿Cómo gestiono servidores MCP desde la terminal?

Claude Code permite gestionar servidores MCP a través de la línea de comandos. Si ejecutas claude mcp help, verás la ayuda completa para administrarlos [01:15].

Los comandos básicos que tienes disponibles son:

  • add para agregar un nuevo servidor MCP.
  • list para ver cuáles tienes instalados y su estatus.
  • remove para eliminar los que ya no necesitas.

Hay dos formas de agregar servidores: importarlos desde la aplicación de escritorio de Claude (que también funciona como interfaz de chat) o instalarlos con el comando add [02:00].

¿Qué tipos de transporte usan los servidores MCP?

Existen tres tipos de transporte para conectar un servidor MCP, y en esta guía usarás los tres:

  • HTTP, el que usa Notion.
  • Server-Sent Events, el que usa Linear.
  • El estándar Input/Output (stdio).

Todos funcionan igual para agregar contexto a la conversación, aunque el mecanismo de conexión cambie.

¿Cómo instalar Playwright para que el modelo navegue sitios web?

El primer servidor es Playwright. Su función es abrir un navegador y permitirle a los modelos de lenguaje navegar ciertos sitios web [03:15].

La instalación es directa: copias el comando desde la sección de Claude Code en la documentación de Playwright, lo pegas en la terminal y presionas enter. Para certificar que quedó, ejecutas claude mcp list y verás el estatus como conectado [03:45].

¿Para qué sirve Playwright en Claude Code? Permite que el modelo abra un navegador, haga scroll, tome capturas de pantalla, grabe videos y lea errores de la consola. Es ideal para pruebas de funcionalidad automatizadas.

En la demostración se le pide que visite el localhost de una lista de cursos. El modelo abre el navegador, pide permiso para usar la tool de navegación y gestiona esa ventana de forma totalmente automática [04:10].

Aquí viene lo interesante: Playwright detectó que las imágenes no se estaban cargando y tomó contexto de los errores de la consola [05:10]. Luego hizo scroll, esperó dos segundos para verificar que el desplazamiento ocurrió y describió el branding de Platzi Flicks usando las capturas como referencia [06:00]. Tú no coordinas nada: el propio MCP maneja la ventana.

¿Cómo conectar Notion para leer documentación como contexto?

El MCP de Notion te permite leer la documentación que hace tu equipo y traerla como contexto. Piensa en cuando un PM o un diseñador describe el producto que debes desarrollar: usualmente crea documentación, y Notion la gestiona de forma efectiva [06:40].

Para instalarlo, copias el comando desde la documentación de Notion o desde la lista de servidores MCP de Claude Code. Este servidor usa transporte HTTP. Lo pegas en la terminal y verificas con claude mcp list [07:30].

La diferencia con Playwright es que Notion necesita autenticarse. Al abrir la gestión de MCP aparece la opción para autenticar, eliges tu workspace de Notion, reconoces la URL que monta Claude Code y confirmas [08:20].

Una vez conectado, le pasas el link de un documento compartido y el modelo trae un objeto JSON con el título y el texto [09:40]. En el ejemplo se usa la descripción de un feature de ratings con su contexto técnico y su componente principal. Así certificas que la expectativa de la documentación se cumple.

¿Cómo gestionar tareas con el MCP de Linear?

El último ejemplo es Linear, una herramienta de gestión de tareas muy estándar en la industria: se te asigna una tarea, la ejecutas y vas actualizando su estatus [10:30].

El transporte que usa Linear ya no es HTTP, sino Server-Sent Events. Copias el comando, lo instalas y, al igual que Notion, necesita autenticación. Se abre una ventana del navegador donde apruebas el acceso de Claude Code a tu información de Linear [11:30].

Después puedes pedirle en un prompt que revise, usando el MCP de Linear, cuáles son las tareas asignadas a ti. El modelo pide permiso para traer la lista de issues y te la muestra [12:10].

¿Cómo se conectan Notion, Playwright y Linear en un solo flujo? Traes la documentación desde Notion como contexto, Claude Code crea un plan de implementación completo con los user agents, y con ese plan generas las tareas en Linear. Todo desde la terminal.

Ese es el flujo poderoso que vale la pena imaginar: la documentación vive en Notion, el plan se arma en Claude Code y la gestión de tickets ocurre en Linear [12:40]. Esto simplifica el trabajo real de un desarrollador, que no solo es escribir código, sino analizar qué hacer y cómo hacerlo.

Los MCP fueron construidos y diseñados para ampliar las capacidades de los modelos de lenguaje. ¿Qué servidores MCP conoces tú y en qué casos te han funcionado? Déjalo en los comentarios.

Instala Playwright, Notion y Linear como MCP en Claude Code

Curso de Claude Code

Clase 14 de 18

Clase 14 / 18