Agent Canvas

Excalidraw plátno řízené CLI pro kreslení vývojových diagramů, architektonických diagramů a maket.

od WHQ25 · WHQ25/agent-canvas

Otestováno · Funguje ★ 9.6/10

Agent Canvas — Excalidraw plátno řízené CLI pro kreslení vývojových diagramů, architektonických diagramů a maket.

Co umí

Obaluje npm balíček @agent-canvas/cli pro přidávání tvarů, textu, šipek a obrázků do živého plátna Excalidraw přes WebSocket/HTTP, s návody pro vývojové diagramy, architekturu, sekvenční diagramy, myšlenkové mapy a návrhy UI. Spouští se, když uživatel požádá o kreslení, vizualizaci, diagramování nebo skicování něčeho; vyžaduje instalaci samostatného CLI agent-canvas (bun/npm) a spuštění lokálního serveru plátna.

Testovací report

Spustil jsem skutečné CLI: vynechání vzorce pro velikost popisků z SKILL.md způsobilo, že Excalidraw tiše zalomil 14 znakový popisek na dva řádky a přerovnal rámeček; použití vzorce vytvořilo přesný požadovaný rámeček w=190 h=72 s čistým jednořádkovým popiskem a šipkami na okraj, potvrzeno exportovanými PNG.

Testováno: 2026-07-15 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /agent-canvasExcalidraw plátno řízené CLI pro kreslení vývojových diagramů, architektonických diagramů a maket.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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