Genera diagrammi di flusso visivi, diagrammi di architettura e mappe di sistema come SVG/PNG. Da utilizzare quando l'utente richiede diagrammi di flusso, diagrammi di flusso utente, diagrammi di architettura, diagrammi di sistema, mappe di interazione o qualsiasi diagramma visivo. Supporta il motore di layout ELK JSON con rendering automatico in SVG.
Installa rapidamente la skill AI diagrams nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/tychohq/agent-skills --skill diagramsGenera diagrammi di flusso visivi, diagrammi di architettura e mappe di sistema come SVG/PNG. Da utilizzare quando l'utente richiede diagrammi di flusso, diagrammi di flusso utente, diagrammi di architettura, diagrammi di sistema, mappe di interazione o qualsiasi diagramma visivo. Supporta il motore di layout ELK JSON con rendering automatico in SVG. Fonte: tychohq/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/tychohq/agent-skills --skill diagrams Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/tychohq/agent-skills