Agent Canvas

CLI-drevet Excalidraw canvas til tegning af flowcharts, arkitekturdiagrammer og mockups.

Testet · Virker ★ 9.6/10

Hvad det gør

Indpakker @agent-canvas/cli npm-pakken for at tilføje former, tekst, pile og billeder til et live Excalidraw canvas over WebSocket/HTTP, med tutorials til flowcharts, arkitektur, sekvensdiagrammer, mindmaps og UI mockups. Udløses, når brugeren beder om at tegne, visualisere, diagrammere eller skitsere noget; kræver installation af den separate agent-canvas CLI (bun/npm) og kørsel af en lokal canvas-server.

Testrapport

Kørte den rigtige CLI: at springe SKILL.md's label-sizing formel over fik Excalidraw til stille at ombryde en 14-tegns label på to linjer og omarrangere boksen; brug af formlen producerede den præcist ønskede w=190 h=72 boks med en ren enkeltlinje label og kantperfekte pile, bekræftet af eksporterede PNG'er.

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

Installation

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 canvas til tegning af flowcharts, arkitekturdiagrammer og mockups.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →