MallaDocs
AccueilDémarrage rapideOuvrir Malla

IA et MCP

Modifiez avec le panneau IA et connectez des agents comme Claude via le serveur MCP et des clés API.

Guide utilisateur

L'IA de Malla modifie votre site avec les mêmes opérations que celles que vous utilisez à la main. Chaque changement est validé, apparaît en direct sur le canevas, fusionne avec le travail de vos collaborateurs et peut être annulé.

Le panneau IA

Pendant une session de design, ouvrez le panneau IA à côté du canevas et décrivez ce que vous voulez. Le panneau connaît l'élément sélectionné, vos classes, vos jetons, vos composants et vos requêtes, et pas seulement le texte que vous tapez.

  • « Fais-en une grille de trois colonnes sur ordinateur, empilée sur mobile. »
  • « Ajoute une section de tarifs à trois niveaux avec ma classe de bouton. »
  • « Affiche “Épuisé” quand item.stock vaut 0. »
  • « Écris les titres SEO de cette page » ou « ajoute un texte alternatif à ces images ».

Un changement complet de l'IA correspond à une seule étape d'annulation : ⌘Z l'annule.

Ce que l'IA peut faire

L'IA travaille avec un ensemble fixe d'outils, chacun validé par les mêmes schémas que l'éditeur :

insert_subtreeAjoute une section ou une arborescence d'éléments, en réutilisant vos classes.
set_stylesDéfinit ou efface des styles par point de rupture et par état.
set_propsModifie textes, liens et balises, ou les lie à des expressions.
create_classCrée une classe réutilisable.
create_queryAjoute une requête de page.
create_workflowAjoute un workflow client avec un déclencheur et des étapes.
set_page_seoRédige le titre et la description SEO.
set_alt_textDécrit une image.

Connecter un agent avec MCP

Malla fait tourner un serveur Model Context Protocol, pour que des agents comme Claude puissent lire et modifier vos sites. En plus des outils d'édition ci-dessus, il propose list_sites, list_pages, get_page et get_site_styles.

  1. Créez une clé d'API

    Dans l'éditeur, ouvrez API keys depuis le panneau IA et créez une clé. Seuls les propriétaires et les administrateurs de l'espace de travail peuvent créer des clés. Copiez-la tout de suite : elle commence par mk_ et n'est affichée qu'une seule fois.

  2. Ajoutez le serveur à votre agent

    Faites pointer votre client MCP vers le point de terminaison /mcp, avec la clé comme jeton bearer. Il n'existe pas encore d'adresse MCP publique : utilisez l'hôte MCP de votre installation Malla.

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

  3. Demandez ce que vous voulez

    « Liste mes sites », « ajoute une section FAQ à la page de tarifs »… Les modifications arrivent dans la salle en direct : toute personne qui a la page ouverte les voit.