Excalidraw Diagram
Genera diagramas JSON .excalidraw con un estilo de marca dibujado a mano y con opinión, no cajas genéricas.
Probado · Funciona
Qué hace
Produce archivos JSON de diagramas Excalidraw para mapas de arquitectura, pipelines de agentes y entregables de clientes, aplicando un lenguaje visual específico de boceto/puntos (roughness, fuente Virgil, acento pervinca, colores semánticos de nodos) en lugar de la salida predeterminada de diagramas de flujo. Se activa con 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.
Informe de la prueba
La salida guiada por la habilidad cambió las cajas genéricas en blanco y negro por un sistema de marca completo en una sola pasada: rectángulos punteados roughness-2, flechas sólidas roughness-1, fuente Virgil, acentos pervinca #8182C1 y colores de trazo semánticos por tipo de nodo (agente vs. proceso vs. éxito) — el JSON de línea base no tenía nada de esa estructura.
Probado el: 2026-07-14 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/walidboulanouar/Ay-Skills cd Ay-Skills mkdir -p ~/.claude/skills cp -r skills/excalidraw-diagram ~/.claude/skills/excalidraw-diagram
Comandos y prompts de ejemplo
/excalidraw-diagramGenera diagramas JSON .excalidraw con un estilo de marca dibujado a mano y con opinión, no cajas genéricas.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Draw a diagram showing how our agent pipeline connects to Supabase.Make a sketch-style diagram of this user onboarding flow.Visualize this system architecture for the client deck.