SkillProof tested Claude skills

Agent Canvas

CLI-gestuurde Excalidraw canvas voor het tekenen van flowcharts, architectuurdiagrammen en mockups.

Door WHQ25 · WHQ25/agent-canvas

Getest · Werkt ★ 9.6/10

Agent Canvas — CLI-gestuurde Excalidraw canvas voor het tekenen van flowcharts, architectuurdiagrammen en mockups.

Wat het doet

Omhult het @agent-canvas/cli npm pakket om vormen, tekst, pijlen en afbeeldingen toe te voegen aan een live Excalidraw canvas via WebSocket/HTTP, met tutorials voor flowcharts, architectuur, sequentiediagrammen, mindmaps en UI mockups. Triggers wanneer de gebruiker vraagt om iets te tekenen, visualiseren, diagrammeren of schetsen; vereist het apart installeren van de agent-canvas CLI (bun/npm) en het draaien van een lokale canvas server.

Testrapport

Voerde de echte CLI uit: het overslaan van de SKILL.md's label-sizing formule zorgde ervoor dat Excalidraw een label van 14 tekens stilzwijgend op twee regels wikkelde en de doos opnieuw indeelde; het gebruik van de formule produceerde de exact gevraagde doos van w=190 h=72 met een schone enkele regel label en rand-perfecte pijlen, bevestigd door geëxporteerde PNG's.

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

Installatie

git clone https://github.com/WHQ25/agent-canvas
mkdir -p ~/.claude/skills
cp -r agent-canvas/skills/agent-canvas ~/.claude/skills/agent-canvas

Commando's en voorbeeldprompts

  • /agent-canvasCLI-gestuurde Excalidraw canvas voor het tekenen van flowcharts, architectuurdiagrammen en mockups.

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

  • Draw a flowchart with Start and Process Order boxes and an arrow
  • Sketch the architecture diagram for our microservices on a canvas
  • Create a sequence diagram showing the login request flow

Volledig rapport (Engels) →