Original en inglés: https://argusic.com/subject/svg-diagram
svg-diagram
Agent skill que dibuja diagramas de arquitectura, flujo, secuencia, flujo de datos y ciclo de vida como SVG colocados a mano, con un estilo de casa verificado con linter.
Funcionafuente: GitHubJavaScriptMITcommit c30c9e3bc9a7
JavaScript, licencia MIT. El proyecto se describe a sí mismo como: agent skills, architecture diagram, cjk, claude code, claude skill, codex, coding agents y data flow diagram.
svg-diagram funciona. Un agent de Argusic lo instaló en 12 minutos y encontró 3 errores en una máquina limpia sin GPU, y toda la sesión quedó grabada.
With the patched test script, npm test passes 825/825 on the container's Node 18 and on Node 22, npm run lint:svg:all reports 11 files with 0 errors and 0 warnings, the skill installed into ~/.agents/skills/svg-diagram and runs from there, and the README's broken-SVG example reports the documented 3 errors/7 warnings with exit 1.
Lo que el agent consiguió en una máquina limpia, en sus propias palabras. Cómo se mide
Medido por Argusic en una máquina limpia cada vez. Cada cifra enlaza a su evidencia. Puntuación Argusic de 93,3 sobre 100 (la media de las puntuaciones de las ejecuciones de este proyecto).
De un vistazo
Datos del proyecto de GitHub, enlazados al principio de esta página, actualizado . Datos de prueba de Argusic (CC BY 4.0); cada cifra enlaza a una página de ejecución con el log completo, la grabación y sus hashes sha256.
Qué se midió
De la ejecución que decidió este veredicto. Cada línea es un valor registrado, no una estimación.
Qué salió mal, en palabras del propio agent
Las palabras del propio agent, de lo más grave a lo menos, nunca reescritas como consejos.
- npm test fails on the container's default Node v18.19.1: glob argument 'tools/svg-lint/test/**/*.test.mjs' is not supported ('Could not find ...*.test.mjs')7 minutos
- README install command 'npx skills add bybit-exchange/svg-diagram -g' crashes on Node v18.19.1: node:util has no export named styleText ([email protected] requires node >=22.20.0)4 minutos
- No rsvg-convert delegate, so ImageMagick ('convert') cannot rasterize SVG in this container (environment gap, stated in README)1 minuto
- Tiempo de instalación
- 12 minutos
- De máquina en frío a terminar
- 5 minutos
- Errores encontrados y corregidos
- 3 encontrados, 2 corregidos sin ayuda humana
- Cómo se demostró el resultado
- npm test exited 0 with 825 tests / 825 passed / 0 failed on both node v18.19.1 and v22.23.1; npm run lint:svg:all exited 0 with '11 file(s), 0 error(s), 0 warning(s)'; node tools/svg-lint/bin/svg-lint.mjs /tmp/broken.svg exited 1 with '1 file(s), 3 error(s), 7 warning(s)'; svg-lint --json on pass/minimal.svg exited 0 with findings []; npx skills add bybit-exchange/svg-diagram -g (with node 22) installed and the copied linter passed card-row.svg with '1 file(s), 0 error(s), 0 warning(s)'
- Tokens de modelo usados
- 162.956
- Commit exacto probado
- c30c9e3bc9a7
- Imagen del contenedor
- sha256:cdd920bce783
Qué no se midió
La otra mitad, para que veas exactamente hasta dónde llega esta evidencia. Un hueco se muestra como hueco y nunca se rellena.
- Memoria de GPU máxima
- se ejecutó en una máquina con CPU, así que no había GPU que muestrear
- Comportamiento en una ejecución larga
- cada intento usa la configuración documentada más pequeña y un presupuesto de tiempo fijo, así que esto mide si funciona, no cómo aguanta bajo carga
El final de la grabación
Las últimas líneas de la sesión de terminal que decidió este veredicto, tal como se registraron.
- Ran the app and tests on the container's default Node v18.19.1 and on Node v22.23.1 (fetched preb… - `npm test` (default Node 18): fixed script, now exits 0 — **825 tests, 825 pass, 0 fail** (same… - `npm run lint:svg:all`: exit 0 — **11 file(s), 0 error(s), 0 warning(s)**. - README's broken-file example: 3 errors, 7 warnings, exit 1 (correct). - `svg-lint --json` on a pass fixture: exit 0, `findings: []`. - README's primary install `npx skills add bybit-exchange/svg-diagram -g` (Node 22): installed to… - Decode-checked all 11 shipped SVGs with `xmldom` in a scratch dir: all 11 parse; ImageMagick can'… **Errors recorded** 1. `npm test` fails on Node v18.19.1: `Could not find '.../**/*.test.mjs'` (glob not supported). Fi… 2. `npx skills add` fails on Node v18.19.1: `node:util` has no `styleText` ([email protected] requires N… 3. No rsvg delegate in the container, so ImageMagick can't rasterize SVGs — environment-only gap, n… **Result:**
Reproducir la sesión completa, cada comando desde una máquina limpia hasta este punto.
Cómo se probó
Un agent, un contenedor, sin ayuda humana. Instala el proyecto como indica su propia documentación, lo ejecuta y arregla lo que falla. Todo lo de abajo se registró tal como ocurrió: la sesión de terminal, el log y el commit exacto. La metodología completa.
Puntos fuertes y límites
Hechos medidos, no opiniones. Cómo se redacta.
Qué salió bien
- Llegó a funcionar en una máquina limpia, con la sesión grabada.
- Funcionó sin GPU, así que no necesita una para arrancar.
- Licencia MIT, según su plataforma de origen.
Qué no salió bien, o no se sabe
- Tardó 12 minutos en instalarse, más lento que la mediana de los 106 proyectos comparables que ha medido Argusic.
- Encontró 3 errores durante la instalación, 1 de ellos sin resolver.
- Medido una sola vez hasta ahora. Un único intento demuestra que puede funcionar, no que funcione de forma fiable.
De los 107 proyectos de agent-skills que Argusic ha instalado y cronometrado, svg-diagram fue el 90.º más rápido en llegar a funcionar, y 78 de 107 llegaron a funcionar.
Para qué es una opción razonable
- Probarlo en un portátil o en un servidor pequeño: llegó a funcionar sin GPU.
También probados, en la misma área
Argusic instaló y ejecutó cada uno de estos proyectos en una máquina limpia. Aquí no aparece nada que no se haya probado.
Historial de ejecuciones
Temas (de GitHub)
agent-skillsarchitecture-diagramcjkclaude-codeclaude-skillcodexcoding-agentsdata-flow-diagramdeveloper-toolsdiagramsdiagrams-as-codeflowchartlintermermaid-alternativeopencodesequence-diagramsoftware-architecturesvgsystem-designtechnical-documentation
Insertar el badge
Markdown para el README del proyecto. Enlaza de vuelta aquí; condiciones en la página de términos.
[](https://argusic.com/subject/svg-diagram)Preguntas
- ¿Funciona svg-diagram?
- Sí. svg-diagram funciona. Argusic lo instaló y lo inició en una máquina limpia en 12 minutos, con 3 errores por el camino, y grabó la sesión.
- ¿Cómo probó Argusic svg-diagram?
- En una máquina limpia y desechable, con cada comando grabado y el repositorio fijado en el commit c30c9e3bc9a7. Hay un intento registrado, y la metodología completa está en la página de metodología.
- ¿Cuánto costó probar svg-diagram?
- La ejecución que produjo este veredicto costó 0,01 USD: costo real de cómputo y de modelo, no un precio de lista por millón de tokens. Consta en la página de esa ejecución.
- ¿Cuánto tarda svg-diagram en instalarse?
- 12 minutos en la ejecución que decidió este veredicto, desde una máquina limpia hasta que funcionó. Es un intento medido, no una media.
- ¿Necesita svg-diagram una GPU?
- No para arrancar. Argusic consiguió que funcionara en una máquina sin GPU.
- ¿Qué falla al instalar svg-diagram?
- En la ejecución registrada fallaron 3 cosas, y 2 se corrigieron sin ayuda humana. Cada una, con el tiempo que costó, aparece en esta página.
- ¿Cómo se compara svg-diagram con las alternativas?
- De los 107 proyectos de agent-skills que Argusic ha instalado y cronometrado, svg-diagram fue el 90.º más rápido en llegar a funcionar, y 78 de 107 llegaron a funcionar.
- ¿Dónde está la evidencia de svg-diagram?
- La ejecución registrada está en esta página, cada una enlazada a su log completo y a su grabación de terminal, guardados con una huella sha256 para que no se puedan alterar en silencio.