·mermaid-diagrams
</>

mermaid-diagrams

Syntaxe du diagramme sirène pour les organigrammes, les diagrammes de séquence, les ERD, les diagrammes de classes, etc. À utiliser lors de la création de diagrammes en markdown, de la génération de visuels d'architecture ou de la documentation des flux système. À utiliser pour la sirène, le diagramme, l'organigramme, la séquence, l'ERD, le diagramme de classes, le gantt, le diagramme circulaire, la carte mentale.

16Installations·2Tendance·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams

Comment installer mermaid-diagrams

Installez rapidement le skill IA mermaid-diagrams dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : oakoss/agent-skills.

Mermaid is a JavaScript-based diagramming tool that renders Markdown-inspired text definitions into SVG diagrams. It supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and git graphs directly inside Markdown files.

When to use: Documenting system architecture, visualizing data models, illustrating request flows, creating project timelines, embedding diagrams in GitHub/GitLab READMEs or docs sites.

When NOT to use: Pixel-perfect design mockups, interactive dashboards, diagrams requiring custom artwork or complex spatial layouts beyond hierarchical/relational structures.

Syntaxe du diagramme sirène pour les organigrammes, les diagrammes de séquence, les ERD, les diagrammes de classes, etc. À utiliser lors de la création de diagrammes en markdown, de la génération de visuels d'architecture ou de la documentation des flux système. À utiliser pour la sirène, le diagramme, l'organigramme, la séquence, l'ERD, le diagramme de classes, le gantt, le diagramme circulaire, la carte mentale. Source : oakoss/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from oakoss/agent-skills

Réponses rapides

Qu'est-ce que mermaid-diagrams ?

Syntaxe du diagramme sirène pour les organigrammes, les diagrammes de séquence, les ERD, les diagrammes de classes, etc. À utiliser lors de la création de diagrammes en markdown, de la génération de visuels d'architecture ou de la documentation des flux système. À utiliser pour la sirène, le diagramme, l'organigramme, la séquence, l'ERD, le diagramme de classes, le gantt, le diagramme circulaire, la carte mentale. Source : oakoss/agent-skills.

Comment installer mermaid-diagrams ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/oakoss/agent-skills