Intro a Model Context Protocol (MCP)
En esta sesión de una hora entramos de lleno en MCP (Model Context Protocol) el estándar que permite que los modelos de lenguaje se conecten directamente con aplicaciones externas.
Y lo vamos a usar con Claude Code.
Es una sesión donde vamos a configurar algunos servidores MCP para conectar Claude Code con Figma y DuckDB.
Todo ello para construir una app con un dashboard de un ecommerce desde cero a partir de un diseño en Figma.
¿Qué vemos en esta sesión?
Arrancamos con la parte conceptual, breve y al grano:
- por qué un modelo de lenguaje sin conexión a tus datos es un cerebro en una caja,
- cómo funcionaba todo antes de MCP (tú haciendo de intermediario entre Claude y cada aplicación),
- y cómo MCP estandariza esa comunicación para que el modelo hable directamente con Figma, DuckDB, Slack, Google Calendar o la app que sea.
Vamos a entender las tres piezas del protocolo
- cliente,
- servidor y
- host
Y cuáles son los tres tipos de capacidades que se exponen en un servidor MCP (herramientas, recursos y prompts).
de un diseño en Figma a un dashboard funcional en React
Partimos de un mockup de un dashboard de e-commerce hecho en Figma.
Le pedimos a Claude Code que acceda al diseño a través del servidor MCP de Figma, planifique toda la aplicación en React con TypeScript, y la construya entera dentro de contenedores Docker.
Primero con datos inventados.
Después, le pasamos CSVs de un dataset de Kaggle con clientes, pedidos, productos y pagos y usamos el servidor MCP de DuckDB para que Claude consulte esos datos directamente en lenguaje natural.
¡sin cargarlos en ninguna base de datos y sin escribir nada de SQL a mano!
El resultado: una aplicación web completa con gráficas, métricas de ventas, análisis de tendencias y todo calculado por Claude a partir de los datos reales.
En unos 40 minutos.
Además de la demo, durante la sesión cubrimos:
- Cómo instalar y configurar servidores MCP en Claude Code .
- La importancia de la seguridad: estás ejecutando código de terceros que accede a tus datos.
- Cómo gestionar los permisos cuando Claude quiere usar herramientas del servidor MCP.
- Diferencia entre servidores MCP y skills (spoiler de la siguiente sesión).
- Dónde encontrar servidores MCP para casi cualquier aplicación que se te ocurra.
🎥 Si quieres ver cómo se monta todo esto paso a paso (desde la teoría hasta el dashboard funcionando con datos reales) accede al vídeo completo de la sesión.