Excalidraw Diagram

Genera diagrammi JSON .excalidraw con uno stile di marca 'disegnato a mano' opinato, non scatole generiche.

di walidboulanouar · walidboulanouar/Ay-Skills

Promosso ★ 9.2/10

Excalidraw Diagram — Genera diagrammi JSON .excalidraw con uno stile di marca 'disegnato a mano' opinato, non scatole generiche.

Cosa fa

Produce file JSON di diagrammi Excalidraw per mappe di architettura, pipeline di agenti e deliverable per clienti, imponendo un linguaggio visivo specifico abbozzato/punteggiato (roughness, font Virgil, accento pervinca, colori semantici dei nodi) invece dell'output predefinito dei diagrammi di flusso. Si attiva su 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Rapporto di test

L'output guidato dalla skill ha scambiato le generiche scatole nere su bianco con un sistema di brand completo in un solo passaggio: rettangoli punteggiati roughness-2, frecce solide roughness-1, font Virgil, accenti pervinca #8182C1 e colori di tratto semantici per tipo di nodo (agente vs. processo vs. successo) — il JSON di base non aveva nulla di quella struttura.

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/walidboulanouar/Ay-Skills
cd Ay-Skills
mkdir -p ~/.claude/skills
cp -r skills/excalidraw-diagram ~/.claude/skills/excalidraw-diagram

Comandi e prompt di esempio

  • /excalidraw-diagramGenera diagrammi JSON .excalidraw con uno stile di marca 'disegnato a mano' opinato, non scatole generiche.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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.