SkillProof tested Claude skills

Agent Canvas

CLI-drevet Excalidraw-lerret for tegning av flytskjemaer, arkitekturdiagrammer og mockups.

av WHQ25 · WHQ25/agent-canvas

Bestått ★ 9.6/10

Agent Canvas — CLI-drevet Excalidraw-lerret for tegning av flytskjemaer, arkitekturdiagrammer og mockups.

Hva den gjør

Pakker @agent-canvas/cli npm-pakken for å legge til former, tekst, piler og bilder til et live Excalidraw-lerret over WebSocket/HTTP, med veiledninger for flytskjemaer, arkitektur, sekvensdiagrammer, tankekart og UI-mockups. Utløses når brukeren ber om å tegne, visualisere, diagrammere eller skissere noe; krever installasjon av den separate agent-canvas CLI (bun/npm) og kjøring av en lokal lerretsserver.

Testrapport

Kjørte den ekte CLI-en: å hoppe over SKILL.mds label-sizing-formel fikk Excalidraw til å stille bryte en 14-tegns etikett på to linjer og omforme boksen; bruk av formelen produserte den eksakte forespurte w=190 h=72 boksen med en ren enlinjers etikett og kantperfekte piler, bekreftet av eksporterte PNG-er.

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

Installer

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

Kommandoer og eksempelprompter

  • /agent-canvasCLI-drevet Excalidraw-lerret for tegning av flytskjemaer, arkitekturdiagrammer og mockups.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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

Full rapport →