Excalidraw Diagram

Genererar .excalidraw JSON-diagram med en åsiktlig handritad varumärkesstil, inte generiska rutor.

av walidboulanouar · walidboulanouar/Ay-Skills

Testad · Fungerar ★ 9.2/10

Excalidraw Diagram — Genererar .excalidraw JSON-diagram med en åsiktlig handritad varumärkesstil, inte generiska rutor.

Vad den gör

Producerar Excalidraw diagram JSON-filer för arkitekturkartor, agentpipelines och klientleveranser, upprätthåller ett specifikt skissartat/prickigt visuellt språk (roughness, Virgil font, periwinkle accent, semantiska nodfärger) istället för standardflödesschemat. Utlöses vid 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Testrapport

Skill-styrd utdata bytte generiska svart-på-vita rutor mot ett komplett varumärkessystem i ett svep: roughness-2 prickade rektanglar, solida roughness-1 pilar, Virgil font, periwinkle #8182C1 accenter, och semantiska kantfärger per nodtyp (agent vs. process vs. success) — baslinje-JSON hade inget av den strukturen.

Testad: 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

Kommandon och exempelprompter

/excalidraw-diagramGenererar .excalidraw JSON-diagram med en åsiktlig handritad varumärkesstil, inte generiska rutor.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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 hela rapporten →