diagram-design

S’en servir en 3 étapes

1. Installez-la dans un agent qui lit les skills (Claude Code, Codex, Cursor, GitHub Copilot), avec la commande ci-dessus, tirée du mode d’emploi du dépôt. Dans Claude Code, vous pouvez aussi passer par le catalogue de l’autrice : /plugin marketplace add cathrynlavery/diagram-design, puis /plugin install diagram-design@diagram-design.
2. Donnez-lui vos couleurs : « Onboard diagram-design to https://votresite.fr ». L’agent relève les couleurs et les polices de votre site, vous montre ce qu’il va changer, et les applique à tous les schémas suivants.
3. Décrivez votre schéma en une phrase : « Fais le schéma du parcours d’une demande de devis : le client, l’accueil, le technicien, moi. » L’agent choisit le type, l’annonce, et écrit un fichier HTML que vous ouvrez d’un double-clic. Demandez un PNG si vous voulez l’insérer dans une présentation.

La limite

L’autrice l’écrit elle-même : le résultat dépend du modèle utilisé, et la même demande peut donner une mise en page différente d’une fois sur l’autre. Ce n’est pas un fichier que vous modifiez à la souris : pour changer une case, vous le redemandez à l’agent. Pour un schéma qui change chaque semaine, un outil de dessin classique reste plus pratique ; diagram-design sert au schéma que vous allez montrer.