Guía · Justo MCP + Claude

Crea páginas web para tu restaurante conversando con Claude

Con el MCP de Justo, Claude puede leer, diseñar, previsualizar y publicar páginas directamente en tu sitio. Sin editor, sin código, sin deploys. Esta misma página fue creada así.

¿Qué es el MCP de Justo?

MCP (Model Context Protocol) es el estándar que permite conectar un asistente de IA con herramientas externas. El MCP de Justo le entrega a Claude acceso autorizado y acotado a tu sitio: puede listar tus páginas, descargar su contenido, subir imágenes, generar un preview compilado con el tema de tu marca y, solo cuando tú lo confirmas, publicar.

1

Conectas

Autorizas la conexión de Justo Admin en Claude. Todo queda limitado a tu sitio y a los permisos que otorgues.

2

Conversas

Describes la página que quieres en lenguaje natural. Claude escribe el HTML usando los colores y fuentes de tu marca.

3

Apruebas

Revisas un preview real en tu navegador. Nada se publica hasta que digas que sí.

El flujo paso a paso

Lo que ocurre detrás de escena cada vez que le pides una página a Claude.

  1. 1

    Claude lee la guía del sitio

    Con get_page_creation_skill obtiene las reglas de Justo, la configuración de Tailwind, las fuentes y los colores de tu marca. Así la página nueva se ve como el resto de tu sitio, no como algo pegado encima.

  2. 2

    Revisa qué páginas ya existen

    Con list_website_pages ve tus rutas actuales para no duplicar ninguna y para saber si va a crear una página nueva o reemplazar una existente.

  3. 3

    Escribe el HTML

    Claude redacta un fragmento HTML con clases de Tailwind usando la paleta del sitio: bg-primary, text-foreground, bg-card, etc. Si necesita imágenes, las sube con create_page_uploads o reutiliza las de tu biblioteca.

  4. 4

    Genera un preview

    Con preview_page_change Justo compila el CSS, resuelve las imágenes y entrega un enlace de vista previa que dura 24 horas. Lo abres en escritorio y en móvil, y pides cambios si algo no te gusta. Cada corrección es un preview nuevo.

  5. 5

    Publica con tu confirmación

    Solo cuando tú lo autorizas, Claude llama a apply_page_change y se publica exactamente la versión que revisaste. La página queda en vivo en tu dominio de inmediato.

Ejemplos de lo que puedes pedir

Copia cualquiera de estos prompts en Claude con el MCP de Justo conectado.

"Crea una página /nuestra-historia contando cómo nació el restaurante, con una sección de valores y un botón para pedir."
"Arma una landing para la promo de fiestas patrias con el menú especial y horarios extendidos."
"Reemplaza la página de preguntas frecuentes con estas 10 preguntas y respuestas que te pego."
"Haz una página de catering para empresas con tres planes y un formulario de contacto por WhatsApp."

Lo que conviene saber

Nada se publica sin tu ok

El preview es una propuesta temporal. Publicar exige una confirmación explícita tuya en la conversación.

Tu marca se respeta

Claude trabaja con la paleta, fuentes y encabezado/pie de tu sitio. La página nueva se integra con el resto.

Reemplazo completo

Al editar una página existente se sustituye todo su contenido por la nueva versión HTML. Pide siempre el preview antes.

Contenido editable

Puedes pedir campos dinámicos para textos e imágenes que luego cambias desde el admin sin volver a hablar con Claude.

¿Listo para tu próxima página?

Abre Claude, conecta el MCP de Justo y describe lo que quieres. En minutos tendrás un preview para revisar.

Volver al inicio