Notre vérificateur de conformité intègre désormais la vérification du Règlement européen sur l'intelligence artificielle (AI Act) ! En savoir plus.

Présentation du serveur MCP FlowZap : la voie la plus rapide entre un agent LLM et des diagrammes interactifs

07/09/2025

Tags: MCP, Agents, npm, API, Claude, Cursor, Windsurf

Jules Kovac

Jules Kovac

Business Analyst, Founder

Présentation du serveur MCP FlowZap : la voie la plus rapide entre un agent LLM et des diagrammes interactifs

Mise à jour septembre 2026 : Version 2.1.0 publiée. Nouvel outil flowzap_fix : réparation déterministe du FlowZap Code rejeté (renumérotation, handles inférés, syntaxe des libellés, libellés de couloirs, emoji) via POST /api/fix — le code corrigé est retourné, aucun contenu n'est inventé. Le serveur est aussi inscrit au registre officiel MCP avec un transport distant Streamable HTTP (https://flowzap.xyz/mcp) : Replit, Lovable.dev, les connecteurs ChatGPT et Claude web se connectent par URL sans npx. 13 outils au total. Voir l'article dédié Mind Map pour les détails de la version 2.0.0.

 

🚀 Nouvelle méthode recommandée : Package npm

 

Pour Claude Desktop

Ajoutez à votre claude_desktop_config.json :

{
  "mcpServers": {
    "flowzap": {
      "command": "npx",
      "args": ["-y", "flowzap-mcp"]
    }
  }
}

Emplacements du fichier de config :

  • macOS : ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows : %APPDATA%\Claude\claude_desktop_config.json

 

Pour Cursor

Ajoutez la même configuration dans les paramètres MCP de Cursor.

 

Pour Windsurf IDE

Ajoutez à votre ~/.codeium/windsurf/mcp_config.json :

{
  "mcpServers": {
    "flowzap": {
      "command": "npx",
      "args": ["-y", "flowzap-mcp"]
    }
  }
}

Utilisateurs Windows : Si les outils n'apparaissent pas dans Cascade, utilisez le chemin absolu :

{
  "mcpServers": {
    "flowzap": {
      "command": "C:\\Program Files\\nodejs\\npx.cmd",
      "args": ["-y", "flowzap-mcp"]
    }
  }
}

Trouvez votre chemin npx avec : where.exe npx

 

Tous les outils de developpement compatibles

Le serveur MCP FlowZap fonctionne avec tout outil supportant le Model Context Protocol (MCP). Voici la liste complete :

| Outil | Comment configurer | |-------|-------------------| | Claude Desktop | Ajouter a claude_desktop_config.json :
macOS : ~/Library/Application Support/Claude/claude_desktop_config.json
Windows : %APPDATA%\Claude\claude_desktop_config.json | | Claude Code | Executer : claude mcp add --transport stdio flowzap -- npx -y flowzap-mcp
Ou ajouter a .mcp.json a la racine du projet. | | Cursor | Parametres → Fonctionnalites → Serveurs MCP → Ajouter un serveur. Utiliser la meme config JSON. | | Windsurf IDE | Ajouter a ~/.codeium/windsurf/mcp_config.json | | OpenAI Codex | Ajouter a ~/.codex/config.toml :
[mcp_servers.flowzap]
command = "npx"
args = ["-y", "flowzap-mcp"]
Ou executer : codex mcp add flowzap -- npx -y flowzap-mcp | | Warp Terminal | Parametres → Serveurs MCP → Cliquer "+ Ajouter" → Coller la config JSON. | | Zed Editor | Ajouter a settings.json :
{"context_servers": {"flowzap": {"command": "npx", "args": ["-y", "flowzap-mcp"]}}} | | Cline (VS Code) | Barre laterale Cline → Icone Serveurs MCP → Modifier cline_mcp_settings.json | | Roo Code (VS Code) | Ajouter a .roo/mcp.json dans le projet ou les parametres globaux. | | Continue.dev | Creer .continue/mcpServers/flowzap.yaml avec :
name: FlowZap
mcpServers:
- name: flowzap
command: npx
args: ["-y", "flowzap-mcp"] | | Sourcegraph Cody | Ajouter a settings.json VS Code via la configuration openctx.providers. |

Non compatible : ~~Replit et Lovable.dev supportent uniquement les serveurs MCP distants via URL.~~

Mise à jour septembre 2026 : Le serveur MCP distant Streamable HTTP https://flowzap.xyz/mcp est désormais inscrit au registre officiel MCP. Replit, Lovable.dev, les connecteurs ChatGPT et Claude web se connectent directement par URL, sans installation npm. Les outils de codage locaux utilisent le package npm ci-dessous.

 

Pour Comet Browser / Autres assistants IA

Comet et les navigateurs IA similaires ne supportent pas les serveurs MCP personnalises directement. Ils peuvent :

  1. Générer du FlowZap Code en utilisant la documentation de syntaxe sur flowzap.xyz/flowzap-code
  2. Créer des URLs playground via l'API publique :
    curl -X POST https://flowzap.xyz/api/playground/create \
      -H "Content-Type: application/json" \
      -d '{"code": "sales { n1: circle label:\"Start\" }"}'
    

 

Outils disponibles (v2.1.0)

 

Outils de base

| Outil | Description | |-------|-------------| | flowzap_validate | Valider la syntaxe FlowZap Code | | flowzap_fix | Réparation déterministe du FlowZap Code rejeté (renumérotation, handles inférés, syntaxe des libellés, libellés de couloirs, emoji) — retourne le code corrigé, sans jamais inventer de contenu | | flowzap_create_playground | Créer une URL de diagramme partageable | | flowzap_get_syntax | Obtenir la documentation de syntaxe |

 

Outils orientés agents (v1.1.0+)

| Outil | Description | |-------|-------------| | flowzap_export_graph | Exporter le FlowZap Code en graphe JSON structuré (lanes, nœuds, arêtes) pour le raisonnement IA | | flowzap_artifact_to_diagram | Parser des logs HTTP, specs OpenAPI ou code en diagrammes FlowZap (crée automatiquement l'URL playground) | | flowzap_diff | Comparer deux versions de FlowZap Code et obtenir un diff structuré | | flowzap_apply_change | Appliquer des opérations de patch structurées (insert/remove/update nœuds/arêtes) - crée automatiquement l'URL playground |

 

Outil de conformité

| Outil | Description | |-------|-------------| | flowzap_compliance_check | Lancer une analyse automatisée de conformité SOC2, GDPR et PIPL sur un diagramme de flux de données FlowZap Code. Basé sur Deepseek LLM avec limites de débit strictes (10 revues gratuites par période glissante de 30 jours par IP, 3/heure en rafale, disjoncteur global 5 min). Retourne une URL de résultat partageable conservée trois mois, dont le diagramme analysé est supprimé après vingt-quatre heures. |

 

Exemples d'utilisation

Demandez à votre assistant IA :

  • « Crée un diagramme de workflow pour un système de traitement de commandes »
  • « Fais un flowchart montrant le flux d'inscription utilisateur »
  • « Diagramme un pipeline CI/CD avec les étapes build, test et deploy »
  • « Vérifie la conformité SOC2/GDPR/PIPL du flux de données de mon application »

L'assistant va :

  1. Générer du FlowZap Code basé sur votre description
  2. Valider le code
  3. Créer une URL playground que vous pouvez voir et partager
  4. Pour les demandes de conformité : exécuter également un audit automatisé SOC2/GDPR/PIPL et retourner une page de résultat partageable

 

Sécurité

  • Aucune authentification requise — Utilise uniquement les APIs publiques FlowZap
  • Aucun accès aux données utilisateur — Ne peut pas lire vos diagrammes ou votre compte
  • Exécution locale — Le serveur MCP tourne sur votre machine
  • Protection SSRF — Se connecte uniquement à flowzap.xyz

 

Endpoints API publics

Ces endpoints sont disponibles pour les intégrations externes (sans authentification) :

| Endpoint | Méthode | Limite | Description | |----------|---------|--------|-------------| | /api/validate | POST | 30/min | Valider la syntaxe FlowZap Code | | /api/playground/create | POST | 5/min, 50/jour | Créer une URL playground éphémère (TTL 15 min) | | /api/compliance-check | POST | 5/min, 30/jour | Analyse de conformité SOC2/GDPR/PIPL sur FlowZap Code. Retourne les frameworks + URL de résultat partageable conservée trois mois. Basé sur Deepseek LLM. |

Note : La génération de code par IA (/api/ai-generate) nécessite une authentification et est réservée aux utilisateurs FlowZap connectés.

 

Liens

 

Ancienne méthode (Dépréciée)

⚠️ Les endpoints MCP distants ci-dessous sont dépréciés. Utilisez le package npm ci-dessus.

FlowZap MCP : le pont ouvert et « agent‑friendly » vers des diagrammes métier réels.

UTILISEZ SIMPLEMENT LE MCP
Retour à tous les articles du blogue