excalidraw-skill

Community

AI-powered diagramming on a live canvas.

Authorcloudbackenddev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables AI agents to programmatically create, edit, and refine visual diagrams on a live Excalidraw canvas, bridging the gap between abstract concepts and concrete visual representations.

Core Features & Use Cases

  • Programmatic Diagramming: Create and manipulate diagram elements (shapes, text, arrows) using AI-driven instructions.
  • Iterative Refinement: Agents can "see" their work via screenshots and descriptions, allowing for precise adjustments and complex diagram construction.
  • Format Conversion: Convert diagrams from formats like Mermaid into Excalidraw.
  • Use Case: An AI agent can generate a detailed architecture diagram from a textual description, iteratively refining it based on visual feedback until it perfectly matches the requirements.

Quick Start

Use the excalidraw-skill to draw a rectangle with the text "Hello, Excalidraw!" at coordinates (100, 100).

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: excalidraw-skill
Download link: https://github.com/cloudbackenddev/mcp_excalidraw/archive/main.zip#excalidraw-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.