Excalidraw Diagram

Genereert .excalidraw JSON-diagrammen met een eigenzinnige handgetekende merkstijl, geen generieke vakken.

Door walidboulanouar · walidboulanouar/Ay-Skills

Getest · Werkt ★ 9.2/10

Excalidraw Diagram — Genereert .excalidraw JSON-diagrammen met een eigenzinnige handgetekende merkstijl, geen generieke vakken.

Wat het doet

Produceert Excalidraw diagram JSON-bestanden voor architectuurkaarten, agent-pipelines en client-deliverables, waarbij een specifieke schetsmatige/gestippelde visuele taal (roughness, Virgil font, periwinkle accent, semantic node colors) wordt afgedwongen in plaats van standaard flowchart-output. Activeert bij 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Testrapport

Skill-geleide output verving generieke zwart-op-witte vakken door een volledig merksysteem in één keer: roughness-2 gestippelde rechthoeken, effen roughness-1 pijlen, Virgil font, periwinkle #8182C1 accenten, en semantische lijnkleuren per knooppunt type (agent vs. process vs. success) — de baseline JSON had niets van die structuur.

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

Installatie

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

Commando's en voorbeeldprompts

/excalidraw-diagramGenereert .excalidraw JSON-diagrammen met een eigenzinnige handgetekende merkstijl, geen generieke vakken.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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.

Volledig rapport (Engels) →