Genera diagramas BPMN usando iconos de carpetas locales («icons» o «librerias»). Detecta automáticamente las carpetas de iconos en el proyecto y produce JSON Excalidraw mínimo con coordenadas X/Y.
Instala rápidamente el skill de IA visualize-with-libraries en tu entorno de desarrollo mediante línea de comandos
Fuente: jeffercb1/skill-visualizer-direct.
Esta skill renderiza diagramas BPMN utilizando iconos de carpetas locales encontradas en el proyecto del usuario.
Tienes estrictamente prohibido intentar calcular manualmente las coordenadas x e y para centrar los textos dentro de las figuras. Debes utilizar el sistema nativo de Contenedores de Excalidraw para garantizar que el texto quede perfectamente centrado y no se desborde.
En la figura contenedora (rectangle, diamond, ellipse, etc.): Añade la propiedad boundElements con un array que contenga el ID del texto:
Genera diagramas BPMN usando iconos de carpetas locales («icons» o «librerias»). Detecta automáticamente las carpetas de iconos en el proyecto y produce JSON Excalidraw mínimo con coordenadas X/Y. Fuente: jeffercb1/skill-visualizer-direct.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/jeffercb1/skill-visualizer-direct --skill visualize-with-librariesGenera diagramas BPMN usando iconos de carpetas locales («icons» o «librerias»). Detecta automáticamente las carpetas de iconos en el proyecto y produce JSON Excalidraw mínimo con coordenadas X/Y. Fuente: jeffercb1/skill-visualizer-direct.
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/jeffercb1/skill-visualizer-direct --skill visualize-with-libraries 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/jeffercb1/skill-visualizer-direct