Genere diagramas de flujo visuales, diagramas de arquitectura y mapas de sistemas como SVG/PNG. Úselo cuando el usuario solicite diagramas de flujo, diagramas de flujo de usuario, diagramas de arquitectura, diagramas de sistema, mapas de interacción o cualquier diagrama visual. Admite el motor de diseño ELK JSON con representación automática a SVG.
Instala rápidamente el skill de IA diagrams en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/tychohq/agent-skills --skill diagramsGenere diagramas de flujo visuales, diagramas de arquitectura y mapas de sistemas como SVG/PNG. Úselo cuando el usuario solicite diagramas de flujo, diagramas de flujo de usuario, diagramas de arquitectura, diagramas de sistema, mapas de interacción o cualquier diagrama visual. Admite el motor de diseño ELK JSON con representación automática a SVG. Fuente: tychohq/agent-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/tychohq/agent-skills --skill diagrams Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/tychohq/agent-skills