MallaDocs

IA y MCP

Edita con el panel de IA y conecta agentes como Claude a través del servidor MCP y las claves de API.

Guía de usuario

La IA de Malla edita tu sitio con las mismas operaciones que usas a mano. Cada cambio se valida, aparece en vivo en el lienzo, se combina con el trabajo de tus colaboradores y se puede deshacer.

El panel de IA

En una sesión de diseño, abre el panel de IA junto al lienzo y describe lo que quieres. El panel conoce el elemento seleccionado, tus clases, tokens, componentes y consultas, no solo el texto que escribes.

  • “Haz de esto una cuadrícula de tres columnas en escritorio y apílala en móvil.”
  • “Añade una sección de precios con tres niveles usando mi clase de botón.”
  • “Muestra ‘Agotado’ cuando item.stock sea 0.”
  • “Escribe títulos SEO para esta página” o “añade texto alternativo a estas imágenes.”

Un cambio completo de la IA es un solo paso de deshacer: ⌘Z lo revierte.

Qué puede hacer la IA

La IA trabaja con un conjunto fijo de herramientas, cada una validada con los mismos esquemas que el editor:

insert_subtreeAñade una sección o un árbol de elementos, reutilizando tus clases.
set_stylesDefine o borra estilos por punto de quiebre y estado.
set_propsCambia textos, enlaces y etiquetas, o los enlaza a expresiones.
create_classCrea una clase reutilizable.
create_queryAñade una consulta a la página.
create_workflowAñade un flujo de trabajo de cliente con un disparador y pasos.
set_page_seoEscribe el título y la descripción SEO.
set_alt_textDescribe una imagen.

Conectar un agente con MCP

Malla ejecuta un servidor Model Context Protocol, así que agentes como Claude pueden leer y editar tus sitios. Además de las herramientas de edición de arriba, ofrece list_sites, list_pages, get_page y get_site_styles.

  1. Crea una clave de API

    En el editor, abre API keys desde el panel de IA y crea una clave. Solo los propietarios y administradores del espacio de trabajo pueden crear claves. Cópiala ahora: empieza por mk_ y solo se muestra una vez.

  2. Añade el servidor a tu agente

    Apunta tu cliente MCP al endpoint /mcp, con la clave como bearer token. Todavía no hay una dirección MCP pública: usa el host MCP de tu instalación de Malla.

    json
    {
      "mcpServers": {
        "malla": {
          "type": "http",
          "url": "https://<your MCP host>/mcp",
          "headers": { "Authorization": "Bearer mk_…" }
        }
      }
    }
    
  3. Pide lo que quieras

    “Lista mis sitios”, “añade una sección de preguntas frecuentes a la página de precios”… Las ediciones llegan a la sala en vivo, así que cualquiera que tenga la página abierta las ve.