Parcours

Créez et modifiez des diagrammes Mermaid dans Slack

Slack n'affiche pas Mermaid tout seul. Avec Arialine, vous pouvez écrire le Mermaid vous-même — tapez /arialine et collez-le, il est rendu exactement tel quel, sans IA — ou décrire le diagramme en langage courant et laisser Arialine écrire le code. Dans les deux cas, le diagramme arrive dans Slack en PNG et en fichier HTML interactif, et l'équipe le modifie en répondant dans le fil au lieu de tout recommencer.

1Le problème

Le problème de Mermaid dans Slack

  • Slack affiche Mermaid en texte brut : personne ne relit un diagramme qu'il ne voit pas.
  • Une capture de l'aperçu Mermaid local perd le code source : personne ne pourra le modifier ensuite.
  • Un PNG seul n'indique ni quel code est à jour, ni quelle discussion a mené à une modification.
  • Slack échappe des caractères comme > et & dans les messages, ce qui casse discrètement des flèches comme -->> quand on recopie le code.
2La réponse d'Arialine

Deux façons de créer un diagramme Mermaid dans Slack

  1. 1

    L'écrire : collez votre Mermaid

    Tapez /arialine suivi de votre Mermaid, ou /arialine seul pour ouvrir le formulaire New diagram. Vous pouvez aussi mentionner @arialine avec un bloc ```mermaid ou partager un fichier .mmd. Un Mermaid valide est affiché exactement tel qu’il est écrit, sans appeler de modèle d’IA.

  2. 2

    Le décrire : laissez Arialine écrire le code

    Écrivez une phrase dans le même formulaire ou mentionnez @arialine : « parcours de paiement avec une file de relance et une file de lettres mortes après trois tentatives ». Arialine écrit le Mermaid, le valide et publie le diagramme. Le code reste consultable et exportable.

  3. 3

    Validé avant publication

    Chaque diagramme est d'abord validé par le moteur de rendu. Le Mermaid erroné est corrigé automatiquement par l'IA (ou une carte de correction en un clic est proposée) : un diagramme cassé n'est jamais publié.

  4. 4

    HTML interactif + PNG, dans le fil

    Sur ordinateur, vous obtenez un fichier HTML interactif avec déplacement et zoom, et un PNG partout ailleurs. Le code reste attaché au tableau et s'exporte à tout moment en .mmd, PNG ou SVG.

  5. 5

    Modifiez-le sans tout recommencer

    Vos collègues répondent dans le fil du diagramme — « @arialine add a fraud check before payment » — et Arialine modifie le code existant au lieu de dessiner une nouvelle image. Chaque modification est une version numérotée avec Undo, Rewind et un lien vers le message qui l'a demandée.

3Apportez le code que vous avez déjà

Collez du Mermaid, gardez-le modifiable

Collez un bloc de code Mermaid ou envoyez un .mmd, puis utilisez Render as diagram. La génération automatique dépend des réglages du canal. Vérifiez le diagramme publié et le code avant de demander une modification précise.

Le tableau conserve un Mermaid modifiable. Exportez le code en .mmd ou le rendu en PNG ou SVG ; en mode proposition, vérifiez la modification demandée avant de l'appliquer.

Fenêtre Arialine affichant le code Mermaid modifiable du diagramme
Exportez le code en .mmd ou le rendu en PNG ou SVG.
4Ce que vous obtenez

Le diagramme, publié dans le canal

Arialine répond avec un tableau : le PNG rendu, un fichier HTML interactif avec zoom et déplacement, et les commandes History, Branch et Export. Les versions suivantes apparaissent dans le fil en dessous.

Prêt en quelques minutes

  1. 1Cliquez sur Add to Slack et approuvez Arialine pour votre espace de travail (un administrateur devra peut-être l'approuver).
  2. 2Invitez-le dans un canal : tapez /invite @Arialine.
  3. 3Tapez /arialine, collez votre Mermaid ou décrivez le diagramme, puis appuyez sur Create.
  4. 4Répondez dans le fil du diagramme avec @arialine et une modification pour créer la version 2.
Un message Slack d'Arialine avec un diagramme checkout-review rendu, les boutons History et Branch, un menu Export et le fichier HTML interactif
FAQ

Questions fréquentes

Slack prend-il en charge les diagrammes Mermaid ?+

Pas nativement : Slack affiche Mermaid comme un bloc de code. Une app Slack doit le rendre. Arialine rend le Mermaid que vous collez ou partagez et publie le résultat en PNG et en fichier HTML interactif dans le canal.

Quelle est la meilleure intégration Mermaid pour Slack ?+

Si vous n'avez besoin que d'une image ponctuelle, un simple moteur de rendu suffit. Si le diagramme va continuer d'évoluer, Arialine est fait pour ça : il rend le Mermaid collé sans IA, génère du Mermaid à partir du langage courant et garde chaque modification comme une version avec le message Slack qui l'a motivée.

Dois-je connaître la syntaxe Mermaid ?+

Non. Vous pouvez aussi décrire le diagramme en langage courant : @arialine écrit le Mermaid pour vous. Coller du Mermaid existant court-circuite l'IA et le génère directement.

Quels types de diagrammes Mermaid sont pris en charge ?+

Tous les types de Mermaid 12, plus ZenUML : flowchart, sequence, class, state, ER, C4, Gantt, pie, mindmap, timeline, Git graph, user journey, quadrant, requirement, Sankey, XY chart, block, packet, kanban, architecture, radar, treemap, swimlane, use case, event modeling, Venn, Ishikawa (fishbone), Wardley map, Cynefin, tree view, railroad, agent flow. Le PNG, le HTML interactif et le PDF affichent les mêmes types.

Quelle différence avec Mermaid Preview ?+

Arialine fait tout ce que fait Mermaid Preview — une commande slash, du Mermaid collé, un diagramme rendu dans le canal — et le fait mieux : il publie aussi du HTML interactif, conserve le code, laisse l'équipe modifier le diagramme dans son fil, enregistre chaque version et peut écrire du Mermaid à partir d'une description.

La génération fonctionne-t-elle si le modèle d'IA est indisponible ?+

Oui : un Mermaid valide collé est généré directement sans passer par un modèle, donc la génération fonctionne même pendant une panne du LLM.

Essayez-le dans votre espace de travail

Free inclut toutes les fonctionnalités, avec jusqu'à 3 tableaux et 10 générations d'IA par espace de travail et par jour. Les actions sans modèle ne consomment pas ce quota. Une approbation de l'espace de travail peut être nécessaire.