Content Island MCP

En esta serie de tutoriales vamos a descubrir cómo funciona Content Island MCP: una herramienta que conecta tu IA favorita con el contenido de tu proyecto en Content Island.

¿Para qué sirve esto? Muy sencillo: nos permite desarrollar proyectos completos con ayuda de un agente de IA, aprovechando al máximo nuestro contenido.

El ejemplo práctico

Imagina que queremos crear una aplicación sencilla para visualizar la documentación de un proyecto.

Además, queremos que una persona con el rol de gestor de contenido pueda modificarla sin depender de un desarrollador de front end.

La interfaz de usuario podría ser algo así:

Mock baja fidelidad portal simple doc, sidebar izquierda con árbol de carpetas y páginas, y derecha el contenido de la página seleccionada

Nuestro modelo de datos en Content Island

En Content Island ya tenemos definido el siguiente esquema:

Root: la entidad principal que agrupa todas las carpetas.
Folder: cada carpeta contiene sus items.
Item: las páginas, con su nombre, slug (URL amigable) y contenido en Markdown.

Folder con campos title, slug y items. Item con campos title, slug, description, content, Root con campo folders

Y ya hemos introducido datos, nos podemos mover al tab de content.

El plan

Queremos desarrollar un prototipo rápido para validar la idea y recoger feedback temprano.

Para ello vamos a usar Copilot en modo agente, directamente desde VSCode.

Copilot nos sirve como orquestador: e interctuando con él podemos ir generando el proyecto.

Lo interesante es que, detrás de Copilot, tú eliges qué motor de IA usar: puede ser Claude Sonnet, GPT o el que prefieras.

De esta forma, normalmente conseguimos un prototipo funcional en muy poco tiempo.

Peeero… falta una pieza importante.

Nos falta la integracación de copilot con Content Island

Aunque Copilot pueda orquestar la IA, no sabe cómo acceder a Content Island para extraer el contenido.

Y ahí es donde entra Content Island MCP, el puente que conecta ambas partes.

Content Island se integra con el MCP de Content Island

Con esto ya podemos desarrollar un prototipo funcional.

Si quieres adelantarte y ver el resultado final:

En este sandbox lo puedes encontrar: https://stackblitz.com/github/content-island/sanbox-agent-mcp-doc-portal-prototype
El repositorio: https://github.com/content-island/sanbox-agent-mcp-doc-portal-prototype

Conclusión

Ya tenemos todas las piezas para arrancar.

En el siguiente vídeo veremos cómo instalar y configurar Content Island MCP paso a paso.

Tutorial: Content Island MCP