yctimlin avatar

Excalidraw Skill

This is a full-featured toolkit for building Excalidraw diagrams programmatically through MCP tools or REST API. It handles the entire lifecycle: create elements, query and update them, export to PNG/SVG, save snapshots, convert Mermaid diagrams, and most importantly, lets agents iterate by taking screenshots of their own work to refine layouts. The source documentation is unusually thorough about coordinate systems, spacing rules, and common layout mistakes like putting labels on background zones or drawing arrows that cross through unrelated shapes. It requires running a local Express server on port 3000. If you need agents to draw architecture diagrams, flowcharts, or any visual explanation that benefits from programmatic layout and iterative refinement, this does the job.

skills.sh installs
530
GitHub stars
2.6K
last updated
Aug 21, 2026

Install

$ npx -y skills add yctimlin/mcp_excalidraw --skill excalidraw-skill --agent claude-code

Installs into .claude/skills of the current project.

Files

Excalidraw Skill

Step 0: Pick an Interface

Three interfaces drive the same live canvas. Pick the first one that applies:

  1. MCP tools — if excalidraw/* tools (e.g. batch_create_elements) are in your tool list, prefer them: results land directly in your context, and screenshots come back as images without touching disk.
  2. CLI (default when no MCP tools are present):
    npx -y mcp-excalidraw-server <command>
    
    No setup needed — any canvas-touching command auto-starts the canvas server on http://127.0.0.1:3000 (first npx run downloads the package). If the CLI is installed globally (npm i -g mcp-excalidraw-server), the shorter alias excalidraw-canvas <command> works too.
  3. REST API (last resort, e.g. from application code): HTTP endpoints on http://127.0.0.1:3000 — see references/cheatsheet.md for payloads. The server must already be running.

Sponsors

Details

Repository
github.com/yctimlin/mcp_excalidraw
Categories
Backend & APIs, AI & Agent Building, CLI & Terminal
First seen
Jun 3, 2026
1aj-geddes avatarsql-query-optimizationaj-geddes/useful-ai-promptsAnalyze and optimize SQL queries for performance. Use when improving slow queries, reducing execution time, or analyzing query performance in PostgreSQL and MyS527skills.sh installs
2sanjay3290 avatargmailsanjay3290/ai-skillsInteract with Gmail - search emails, read messages, send emails, create drafts, and manage labels. Use when user asks to: search email, read email, send email, 525skills.sh installs
3wanshuiyin avatarauto-review-loop-llmwanshuiyin/auto-claude-code-research-in-sleepAutonomous research review loop using any OpenAI-compatible LLM API. Configure via llm-chat MCP server or environment variables. Trigger with "auto review loop 525skills.sh installs
4libukai avatarvscode-httpyac-configlibukai/awesome-agent-skillsConfigure VSCode with httpYac for API testing and automation. This skill should be used specifically when converting API documentation to executable .http files513skills.sh installs
5cfircoo avatarsqlalchemy-postgrescfircoo/claude-code-toolkitExpert guidance for SQLAlchemy 2.0 + Pydantic + PostgreSQL. Use when setting up database layers, defining models, creating migrations, or any database-related w507skills.sh installs
6hkuds avatarcli-anything-adguardhomehkuds/cli-anythingCommand-line interface for AdGuard Home - Network-wide ad blocking and DNS management via AdGuard Home REST API. Designed for AI agents and power users who need507skills.sh installs