Install
git clone https://github.com/SpillwaveSolutions/design-doc-mermaid.gitÀ qui s’adresse ce guide
Convient si vous voulez dessiner des diagrammes Mermaid et écrire des documents de conception dans Claude Code. Officiellement : c’est un ensemble puissant de compétences Claude Code qui crée des diagrammes Mermaid et des documents de conception avec des guides chargés à la demande, des diagrammes générés depuis le code, et des outils Python.
Il convient mieux si vous avez déjà un flux (par exemple inscription plus vérification e-mail) ou déjà du code et voulez d’abord voir un diagramme. Il ne convient pas si vous n’êtes pas prêt à cloner le dépôt dans ~/.claude/skills.
Avant de commencer, vous devez pouvoir utiliser git clone et accepter ce seul chemin d’installation manuelle officiel. Ne mélangez pas une autre commande de marché du premier coup.
Premier essai en 3 minutes
Suivez uniquement l’installation par clone du texte. La première fois, produisez un diagramme dans la conversation ; n’écrivez pas encore un document de conception dans le dépôt.
Prérequis : cette machine a déjà git, et Claude Code charge les compétences depuis ~/.claude/skills. La première fois, n’écrasez pas de documents de production.
Emplacement d’installation : entrez d’abord dans le répertoire des compétences, puis clonez le dépôt officiel.
cd ~/.claude/skills
git clone https://github.com/SpillwaveSolutions/design-doc-mermaid.git
Page du dépôt officiel :
https://github.com/spillwavesolutions/design-doc-mermaid
Déclencheur à faible risque : après installation, utilisez la phrase d’exemple du texte dans la conversation : Create an activity diagram for user registration with email verification. Demandez d’abord du Mermaid seulement dans la conversation, sans écrire de fichier. Officiellement, SKILL.md est le coordinateur principal avec un arbre de décision ; si l’assistant commence à appeler des scripts jamais nommés, confirmez d’abord les effets de bord.
Signal de succès : ~/.claude/skills/design-doc-mermaid existe et contient SKILL.md, et du Mermaid de diagramme d’activité apparaît dans la conversation. Si vous l’enregistrez comme document, confirmez le chemin avant d’écrire.
Exemples d’usage
Exemple 1 : dessiner un diagramme d’activité d’après l’exemple officiel. Dites à l’assistant Create an activity diagram for user registration with email verification. Convient si vous voulez décrire un flux d’inscription et de vérification e-mail. Les preuves ne donnent que cette phrase utilisateur ; aucun nom de fichier guide. Voyez d’abord le diagramme dans la conversation, puis décidez de l’écrire sur disque.
Exemple 2 : produire un diagramme à partir de code existant. Les capacités officielles incluent code-to-diagram generation. Convient si vous avez déjà du code et voulez d’abord voir un diagramme. Les preuves ne disent pas quelles langues sont prises en charge ni si le source est modifié. Générez en lecture seule depuis votre propre code ; si un outil Python écrit un fichier, confirmez d’abord l’emplacement de sortie.
Limites
Le chemin principal est de cloner dans ~/.claude/skills. Le texte a aussi skilz install SpillwaveSolutions_design-doc-mermaid/design-doc-mermaid. La première fois, ne faites pas les deux, et n’appliquez pas une commande de marché à un environnement jamais écrit.
Le seul fichier nommé est SKILL.md (coordinateur principal, avec arbre de décision). N’inventez pas d’autres noms de guides, de scripts ou de chemins de compétences.
Les guides chargés à la demande et les outils Python sont mentionnés, sans inventaire. N’assumez pas qu’il installe automatiquement un runtime Mermaid ou envoie des documents.
Officiellement, cet ensemble n’est écrit que comme compétence Claude Code ; aucune étape n’est donnée pour d’autres environnements.