Excalidraw Diagram

Generuje diagramy JSON .excalidraw z opiniotwórczym, ręcznie rysowanym stylem marki, a nie generycznymi pudełkami.

Autor: walidboulanouar · walidboulanouar/Ay-Skills

Testowano · Działa ★ 9.2/10

Excalidraw Diagram — Generuje diagramy JSON .excalidraw z opiniotwórczym, ręcznie rysowanym stylem marki, a nie generycznymi pudełkami.

Co robi ten skill

Tworzy pliki JSON diagramów Excalidraw dla map architektury, potoków agentów i dostarczanych klientowi produktów, wymuszając specyficzny szkicowy/kropkowany język wizualny (roughness, czcionka Virgil, akcent barwinkowy, semantyczne kolory węzłów) zamiast domyślnego wyjścia schematu blokowego. Uruchamia się na 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Raport z testu

Wyjście kierowane umiejętnością zamieniło generyczne czarno-białe pudełka na pełny system marki w jednym przejściu: prostokąty kropkowane roughness-2, pełne strzałki roughness-1, czcionka Virgil, akcenty barwinkowe #8182C1 i semantyczne kolory obramowań dla każdego typu węzła (agent kontra proces kontra sukces) — bazowy JSON nie miał żadnej z tych struktur.

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

Instalacja

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

Komendy i przykładowe prompty

  • /excalidraw-diagramGeneruje diagramy JSON .excalidraw z opiniotwórczym, ręcznie rysowanym stylem marki, a nie generycznymi pudełkami.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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