Création et affinement de diagrammes Mermaid avec rechargement en direct. À utiliser lorsque les utilisateurs souhaitent des organigrammes, des diagrammes de séquence, des diagrammes de classes, des diagrammes ER, des diagrammes d'état ou toute autre visualisation Mermaid. Fournit les meilleures pratiques pour la syntaxe, le style et le flux de travail itératif à l'aide des outils mermaid_preview et mermaid_save.
Installez rapidement le skill IA mermaid-diagrams dans votre environnement de développement via la ligne de commande
Source : veelenga/claude-mermaid.
You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.
Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles
You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]
Création et affinement de diagrammes Mermaid avec rechargement en direct. À utiliser lorsque les utilisateurs souhaitent des organigrammes, des diagrammes de séquence, des diagrammes de classes, des diagrammes ER, des diagrammes d'état ou toute autre visualisation Mermaid. Fournit les meilleures pratiques pour la syntaxe, le style et le flux de travail itératif à l'aide des outils mermaid_preview et mermaid_save. Source : veelenga/claude-mermaid.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagramsCréation et affinement de diagrammes Mermaid avec rechargement en direct. À utiliser lorsque les utilisateurs souhaitent des organigrammes, des diagrammes de séquence, des diagrammes de classes, des diagrammes ER, des diagrammes d'état ou toute autre visualisation Mermaid. Fournit les meilleures pratiques pour la syntaxe, le style et le flux de travail itératif à l'aide des outils mermaid_preview et mermaid_save. Source : veelenga/claude-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/veelenga/claude-mermaid --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
https://github.com/veelenga/claude-mermaid