Excalidraw Diagram

Genererer .excalidraw JSON-diagrammer med en meningsfull håndtegnet merkevarestil, ikke generiske bokser.

av walidboulanouar · walidboulanouar/Ay-Skills

Bestått ★ 9.2/10

Excalidraw Diagram — Genererer .excalidraw JSON-diagrammer med en meningsfull håndtegnet merkevarestil, ikke generiske bokser.

Hva den gjør

Produserer Excalidraw diagram JSON-filer for arkitekturkart, agent-pipelines og klientleveranser, og håndhever et spesifikt skisseaktig/prikket visuelt språk (roughness, Virgil font, periwinkle accent, semantiske nodefarger) i stedet for standard flytskjema-utdata. Utløses på 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.

Testrapport

Ferdighetsstyrt utdata byttet generiske svart-på-hvite bokser med et komplett merkevaresystem i ett pass: roughness-2 prikkede rektangler, solide roughness-1 piler, Virgil font, periwinkle #8182C1 aksenter, og semantiske strekfarger per nodetype (agent vs. prosess vs. suksess) — baseline JSON hadde ingen av den strukturen.

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

Installer

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 meningsfull håndtegnet merkevarestil, ikke generiske bokser.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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.