Briefs de design et communication visuelle

Diagrammes Mermaid gratuits | Générateur.

Source Mermaid conforme à la structure.

Transformez votre processus en source de diagramme avec liens explicites à afficher et relire.

Extension Chrome et compte requis.
25 tâches d'automatisation gratuites par mois, partagées entre les outils. Les limites du fournisseur via navigateur s'appliquent.

CE QU'IL FAUT PRÉPARER

Processus, relations ou système décrits.

VOTRE POINT DE DÉPART

Une tâche à personnaliser.

Copiez-le ici. Collez-le dans WebAct quand vous le souhaitez.

Cette page prépare votre prompt. La tâche s'exécute dans WebAct.

01

Adaptez la tâche à vos besoins.

Relisez le prompt ci-dessus. Ajoutez votre objectif et les exigences importantes.

02

Passez à WebAct.

Ouvrez WebAct, collez la tâche et fournissez vos sources. Commencez dans Chat pour un brouillon ou une explication ; utilisez Task pour une action dans le navigateur ou un fichier avec votre approbation.

03

Vérifiez la partie utile.

Utilisez le résultat comme brouillon ou analyse modifiable. Comparez-le aux faits fournis et au public visé avant de vous y fier ou de le partager.

GUIDE PRATIQUE

Dessiner un processus Mermaid sans inventer de liens.

Représentez clairement les relations avec une syntaxe admise par le moteur cible. Testez-y le rendu et gardez les libellés fidèles au processus.

Adaptez le processus à votre tâche.

Listez étapes, décisions et liens avant le type de diagramme. Choisissez des libellés courts et syntaxe compatible avec la version Mermaid du destinataire. Affichez puis vérifiez analyse syntaxique et logique des flèches.

Ce que vous fournissez
Processus, relations ou système décrits.
Ce que vous obtenez
Source Mermaid conforme à la structure.

Consultez les données et le résultat.

Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct

Exemple champ

Process: receive a request, review it, then either approve or ask for revision.

Exemple complet

flowchart TD
  A[Receive request] --> B{Meets requirements?}
  B -- Yes --> C[Approve]
  B -- No --> D[Request revision]
Validate this syntax in the target Mermaid renderer before sharing.
Télécharger cet exemple

Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.

Décisions et dépannage.

Ajouter une flèche juste pour donner l'air connecté ?

Seulement si ce lien existe dans le processus fourni. Une relation absente reste une question, pas un flux inventé.

Pourquoi Mermaid qui semble correct échoue-t-il dans l'éditeur ?

Versions et fonctions admises diffèrent. Testez dans cet environnement et simplifiez la syntaxe non prise en charge.

Référence pour ce processus.

Essayez avec votre propre source.

Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.

Personnaliser et copier la tâche ↑
AVANT DE COMMENCER

Utiliser WebAct.

Le prompt et l'exemple sont disponibles ici. Exécutez votre tâche dans l'extension WebAct pour Chrome.

Cet outil est-il gratuit ?

Vous pouvez copier et modifier le prompt ici gratuitement. Pour l'utiliser avec WebAct, installez l'extension Chrome, créez et vérifiez votre compte, puis connectez une session ChatGPT disponible dans le navigateur. Le forfait Free inclut 25 tâches d'automatisation lancées par l'utilisateur par mois civil, partagées entre les outils. Le Chat ordinaire dans le navigateur est distinct ; les limites du fournisseur s'appliquent.

Découvrez le contexte partagé dans notre politique de confidentialité et comment choisir entre Chat ou Task.

DU PROMPT À VOTRE PROPRE TRAVAIL

Amenez la tâche sur votre page.

Installez WebAct, ajoutez vos sources et adaptez le résultat.

Installer WebAct