mermaid
✓Créez des organigrammes, des diagrammes de séquence, des machines à états, des diagrammes de classes, des diagrammes de Gantt, des cartes mentales, etc. Idéal pour les flux de processus, les interactions API, l’architecture système et la documentation technique. PAS pour les graphiques basés sur les données (utilisez Vega) ou les visuels KPI rapides (utilisez l'infographie).
Installation
SKILL.md
Quick Start: Identify diagram type (flowchart/sequence/state/class/ER/gantt/mindmap) → Define nodes with shapes → Connect with arrows → Wrap in `mermaid fence. Default: top-to-bottom (TD), use flowchart over graph, Unicode supported.
| Diagram won't render | Check unmatched brackets, quotes | | List syntax error | [1.Item] not [1. Item] | | Subgraph reference fails | Use ID not display name | | Too crowded | Split into multiple diagrams | | Crossing connections | Use different layout direction or invisible edges |
For diagram-specific syntax and advanced features, refer to references below:
Créez des organigrammes, des diagrammes de séquence, des machines à états, des diagrammes de classes, des diagrammes de Gantt, des cartes mentales, etc. Idéal pour les flux de processus, les interactions API, l’architecture système et la documentation technique. PAS pour les graphiques basés sur les données (utilisez Vega) ou les visuels KPI rapides (utilisez l'infographie). Source : xicilion/markdown-viewer-extension.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill mermaid- Catégorie
- {}Analyse de Données
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que mermaid ?
Créez des organigrammes, des diagrammes de séquence, des machines à états, des diagrammes de classes, des diagrammes de Gantt, des cartes mentales, etc. Idéal pour les flux de processus, les interactions API, l’architecture système et la documentation technique. PAS pour les graphiques basés sur les données (utilisez Vega) ou les visuels KPI rapides (utilisez l'infographie). Source : xicilion/markdown-viewer-extension.
Comment installer mermaid ?
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/xicilion/markdown-viewer-extension --skill mermaid Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/xicilion/markdown-viewer-extension
Détails
- Catégorie
- {}Analyse de Données
- Source
- skills.sh
- Première apparition
- 2026-02-01