·diagrams
</>

diagrams

Générez des diagrammes de flux visuels, des diagrammes d'architecture et des cartes système au format SVG/PNG. À utiliser lorsque l'utilisateur demande des organigrammes, des diagrammes de flux utilisateur, des diagrammes d'architecture, des diagrammes système, des cartes d'interaction ou tout autre diagramme visuel. Prend en charge le moteur de mise en page ELK JSON avec rendu automatique au format SVG.

6Installations·0Tendance·@tychohq

Installation

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

Comment installer diagrams

Installez rapidement le skill IA 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/tychohq/agent-skills --skill 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 : tychohq/agent-skills.

Generate diagrams from structured JSON → SVG (and optionally PNG).

| id | string | Required. Unique identifier | | width | number | Node width in px (default 120) | | height | number | Node height in px (default 40) | | labels | array | [{text}] — used by ELK for layout calculation | | label | string | Display text rendered in SVG (supports emoji). Falls back to id | | color | string | Color key from palette (see below) |

| subtitle | string | Smaller text below the label | | fontSize | number | Label font size (default 13) | | children | array | Nested nodes — makes this a container | | containerColor | string | Color key for container background |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from tychohq/agent-skills

Réponses rapides

Qu'est-ce que diagrams ?

Générez des diagrammes de flux visuels, des diagrammes d'architecture et des cartes système au format SVG/PNG. À utiliser lorsque l'utilisateur demande des organigrammes, des diagrammes de flux utilisateur, des diagrammes d'architecture, des diagrammes système, des cartes d'interaction ou tout autre diagramme visuel. Prend en charge le moteur de mise en page ELK JSON avec rendu automatique au format SVG. Source : tychohq/agent-skills.

Comment installer 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/tychohq/agent-skills --skill 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/tychohq/agent-skills

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-26