Excalidraw Diagram

Genererer .excalidraw JSON-diagrammer med en meningsfuld håndtegnet brand-stil, ikke generiske bokse.

Af walidboulanouar · walidboulanouar/Ay-Skills

Testet · Virker ★ 9.2/10

Hvad det gør

Producerer Excalidraw diagram JSON-filer til arkitekturkort, agent-pipelines og klientleverancer, der håndhæver et specifikt skitseret/prikket visuelt sprog (roughness, Virgil font, periwinkle accent, semantiske nodefarver) i stedet for standard flowchart-output. Udløses ved 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Testrapport

Skill-guidet output udskiftede generiske sort-på-hvid-bokse med et komplet brandsystem i ét gennemløb: roughness-2 prikkede rektangler, solide roughness-1 pile, Virgil font, periwinkle #8182C1 accenter og semantiske stregfarver pr. nodetype (agent vs. process vs. success) — baseline JSON havde intet af den struktur.

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

Installation

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

Kommandoer og eksempelprompter

/excalidraw-diagramGenererer .excalidraw JSON-diagrammer med en meningsfuld håndtegnet brand-stil, ikke generiske bokse.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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.

Læs hele rapporten →